Centrer un menu horizontal CSS

Résolu/Fermé
bobo - 25 janv. 2012 à 19:30
 bobo - 25 janv. 2012 à 22:29
Bonjour,

J'ai un soucis avec mon css, j'aimerais avoir un menu centré et non pas a gauche de l'écran, j'ai tenter un float:center mais les élément s'affiche les un en dessous des autres comme sur un menu vertical.Voici mon code CSS:

body {behavior: url(csshover.htc);}
div#menu a {color:#FFFFFF;}
div#menu ul {padding: 0; margin:0px; background: white; text-align:center}
div#menu li {background:#666666;}
div#menu li:hover {background: #FF0000;}
div#menu li.sousmenu:hover {background: #FF0000;}
/* rejout couleur de fond */
div#menu li.sousmenu {background-color:#666666}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background-color:#666666;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid}

div#menu ul ul {position: absolute;display:none; width:100px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:100px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}
div#menu ul.niveau4 {top:-1px; left: 100px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #FF0000}
div#menu ul.niveau3 li:hover { background: #666666}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau4 li { background: #FF0000}
div#menu ul.niveau4 li:hover { background: #666666}



A voir également:

2 réponses

merci ça marche :)
9
Nico_ Messages postés 1219 Date d'inscription vendredi 29 décembre 2006 Statut Membre Dernière intervention 15 mars 2016 189
25 janv. 2012 à 21:29
bonsoir;

en rajoutant dans le css
div#menu { margin: 0 auto ; }

si ça fonctionne pas, pouvez vous mettre la partie html de votre menu.
0