Vous n'êtes pas identifié.
Annonce
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook et sur Twitter
#1 23-07-2010 11:14:40
- Marie_ethishirt
- Membre WP
- Date d'inscription: 23-07-2010
- Messages: 1
Fixer barre de menu selon la taille de la fenêtre navigateur
Bonjour,
Ma configuration WP actuelle
- Version de WordPress : 2.9.2.
- Version de PHP/MySQL :
- Thème utilisé : Thème commercial acheté
- Extensions en place :
- Nom de l'hebergeur : OVH
- Adresse du site : http://ks22821.kimsufi.com/~ethishir/
Problème(s) rencontré(s) :
Bonjour à tous,
Je construit mon blog en customisant un thème.
Je bidouille donc un peu mon code CSS et je rencontre un problème concernant mon menu (barre d'onglets).
Lorsque je réduit la taille de ma fenêtre sous FF : dans mon menu les onglets les plus à droite viennent d'afficher en dessous des onglets de gauche. Plus je réduit la fenêtre plus le phénomène s'amplifie.
J'aimerais donc fixer le menu de manière à ce que tout reste bien en place.
Même problème en faisant un zoom avant, et je n'arrive pas à régler le problème en touchant à la position / padding, float...
Pourriez-vous voir ce qui cloche dans mon code CSS ?
/* menu */
#dropmenu .menu { clear:both; padding:0; margin:0 0 0 -27px; list-style:none; z-index:9999999999999; position:absolute; }
#dropmenu .menu ul {list-style:none; padding:0; width:100%; }
#dropmenu .menu ul li {float: left; cursor: pointer; text-align:center; line-height:50px; padding:0; margin-right:8px}
#dropmenu .menu ul li:first-child {background:none}
#dropmenu .menu ul li a { display:block; color:#4b4a47; font-size:28px; text-decoration:none; padding-left:14px; text-transform: lowercase }
#dropmenu .menu ul li a span {display:block; float:left; padding-right:14px}
#dropmenu .menu ul li a span span {line-height:45px; padding-right:0; padding-bottom:10px }
D'avance merci car je suis une novice !
Hors ligne