Page 1 sur 1
(Résolu) Souci de mise en page
Publié : 17 mars 2011, 21:23
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
Re: Souci de mise en page
Publié : 18 mars 2011, 08:12
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
Re: Souci de mise en page
Publié : 18 mars 2011, 16:34
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
Re: Souci de mise en page
Publié : 18 mars 2011, 17:14
par Grandpas
(suite) sauf que sous cette *** de IE, ma citation se promène dans # contenu...
J'essaie d'y remédier.
Re: Souci de mise en page
Publié : 18 mars 2011, 19:01
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
Re: Souci de mise en page
Publié : 18 mars 2011, 20:55
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
Re: Souci de mise en page
Publié : 18 mars 2011, 21:50
par rwanito
Comment on fait, comme sur le site du premier message, faire les liens qui s'agrandissent au survol du curseur ?
Re: Souci de mise en page
Publié : 18 mars 2011, 22:09
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
Re: Souci de mise en page
Publié : 18 mars 2011, 22:18
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
Re: (Résolu) Souci de mise en page
Publié : 21 mars 2011, 22:29
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.