(Résolu) Souci de mise en page

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
Grandpas
Arias
Messages : 11
Inscription : 25 sept. 2010, 12:36

(Résolu) Souci de mise en page

Message par Grandpas »

Bonsoir,
je souhaite refaire en totalité le petit site que j'avais réalisé en 2007 sous NVU, autant dire que je repars à zéro ou presque.
- Je souhaiterai que mon site s'affiche centré sur la fenêtre lors de sa lecture
- par ailleurs, j'aimerai que la citation figure juste sous le menu vertical, j'y arrive pas non plus !
c'est ici :http://terredenacre.pagesperso-orange.f ... 0tdn.html#
merci de votre aide qui me fera éviter pas mal d'essais, infructueux jusqu'à présent.
Grandpas
Dernière modification par Grandpas le 21 mars 2011, 22:43, modifié 2 fois.
Le bonheur c'est... c'est... Ben, quand les emmerdes se reposent et alors là il faut faire gaffe de pas les réveiller. "Sam Lion" dans Itinéraire d'un enfant gâté.
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Souci de mise en page

Message par chinon37 »

Bonjour,

Pour centrer ta page sur l'écran, il suffit que tu appliques la marge "auto" à #wrapper à droite et à gauche.
Pour la citation, il faut que le bloc soit en positionnement flottant gauche, toujours dans l'onglet boite
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Grandpas
Arias
Messages : 11
Inscription : 25 sept. 2010, 12:36

Re: Souci de mise en page

Message par Grandpas »

Salut Chinon,
j'ai suivi tes instructions, merci.
j'ai juste dû mettre mon bloc #citation en position absolue pour qu'il se colle sous le menu, ai-je bien fait ? (je travaille sur le gabarit... les couleurs sont...indicatives.)
Par contre mon div #wrapper reste schématisé par des tirets bleus sur l'écran, comment m'en débarrasser ?
Au plaisir
Le bonheur c'est... c'est... Ben, quand les emmerdes se reposent et alors là il faut faire gaffe de pas les réveiller. "Sam Lion" dans Itinéraire d'un enfant gâté.
Grandpas
Arias
Messages : 11
Inscription : 25 sept. 2010, 12:36

Re: Souci de mise en page

Message par Grandpas »

(suite) sauf que sous cette *** de IE, ma citation se promène dans # contenu...
J'essaie d'y remédier.
Le bonheur c'est... c'est... Ben, quand les emmerdes se reposent et alors là il faut faire gaffe de pas les réveiller. "Sam Lion" dans Itinéraire d'un enfant gâté.
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Re: Souci de mise en page

Message par chinon37 »

Pour les tirets bleus, tu as ce style interne pour #wrapper:

Code : Tout sélectionner

outline-color: navy ! important;
outline-style: dashed ! important;
outline-width: 2px ! important;
à supprimer, tout simplement
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Grandpas
Arias
Messages : 11
Inscription : 25 sept. 2010, 12:36

Re: Souci de mise en page

Message par Grandpas »

Super !
merci, mais je me demande bien comment ils sont arrivés là, enfin l'essentiel est d'avoir pu les supprimer.
J'y retourne
Ciao
Le bonheur c'est... c'est... Ben, quand les emmerdes se reposent et alors là il faut faire gaffe de pas les réveiller. "Sam Lion" dans Itinéraire d'un enfant gâté.
rwanito
Salamandre
Messages : 32
Inscription : 20 févr. 2011, 14:52

Re: Souci de mise en page

Message par rwanito »

Comment on fait, comme sur le site du premier message, faire les liens qui s'agrandissent au survol du curseur ?
Image
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: Souci de mise en page

Message par Ymai »

Bonjour
rwanito a écrit :Comment on fait, comme sur le site du premier message, faire les liens qui s'agrandissent au survol du curseur ?
Pur CSS.
Dans le feuille de style, prévoir une police un peu plus grande pour le sélecteur a:hover

Code : Tout sélectionner

a:hover {font-size:larger}
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Grandpas
Arias
Messages : 11
Inscription : 25 sept. 2010, 12:36

Re: Souci de mise en page

Message par Grandpas »

Salut,
tu peux aussi modifier la casse du texte en la mettant en majuscule lors du survol de la souris.
#menu li a:hover dans l'onglet texte

Puisque je suis là
sauf que sous cet *** de IE, ma citation se promène dans # contenu...
, j'ai point trouver l'astuce. Juste au cas où. merci d'avance.

Grandpas
Le bonheur c'est... c'est... Ben, quand les emmerdes se reposent et alors là il faut faire gaffe de pas les réveiller. "Sam Lion" dans Itinéraire d'un enfant gâté.
Grandpas
Arias
Messages : 11
Inscription : 25 sept. 2010, 12:36

Re: (Résolu) Souci de mise en page

Message par Grandpas »

Bonsoir,
j'ai trouvé la façon de "bloquer" ce div sous mon menu à force de m'inspirer de quelques tutos.
A plus.
Le bonheur c'est... c'est... Ben, quand les emmerdes se reposent et alors là il faut faire gaffe de pas les réveiller. "Sam Lion" dans Itinéraire d'un enfant gâté.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité