Centrer un menu horizontal CSS
Résolu
bobo
-
bobo -
bobo -
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:
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:
- Centrer menu css
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide