1 pièce(s) jointe(s)
[CSS] Centrer menu horizontal
Bonsoir,
Je cherche désespérément à centrer mon menu :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
| ul#nav
{
list-style-type:none;
height:41px;
background-image:url(../images/degrade_menu_nav.png);
background-repeat:repeat-y;
padding:10px;
width:1000px;
}
ul#nav li
{
float:left; /*pour IE*/
padding-right:20px;
}
ul#nav li a
{
display:block;
float:left;
width:90px;
line-height:41px; /*hauteur de l'image de fond*/
background:url(../images/btn_normal.png);
background-repeat:no-repeat;
text-decoration:none;
text-align:center;
color:#FFFFFF;
}
ul#nav li a:hover
{
background:url(../images/bouton_survole.png);
background-repeat:no-repeat;
} |
Et le code html :
Code:
1 2 3 4 5
| <ul id="nav">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item plus long</a></li>
</ul> |
Mais rien à faire, j'obtiens toujours un menu non centré (cf pièce jointe).
Une idée ;) ?
Merci :ccool: