JN Forum

Posté le: 13 Mar 2011 17:00:45

Bonjour,
voici la solution pour centrer les éléments d'une liste HTML avec du CSS.
On pourra ainsi créer un menu horizontal très apprécié pour les sites actuels.

Voici le code HTML:

Code:

Et voici le code CSS Wink

:

Code:

#menu{
margin:0 auto;
list-style:none;
text-align:center;
}
#menu li{
display:inline;
margin-right:10px;
}

On remarquera que le dernier item à un margin-right qui ne lui sert à rien. On peut utiliser ceci pour l'enlever :

Code:

#menu li:last-child{margin-right:0;} /* ne fonctionne pas sous IE6 */

Démo : http://jsfiddle.net/Q3G9r/

Voilà boule - dodo