Centrer menu avec css
tipi75
Messages postés
723
Statut
Membre
-
tipi75 Messages postés 723 Statut Membre -
tipi75 Messages postés 723 Statut Membre -
Bonjour,
Je souhaite centrer mon menu horizontalement avec une image de fond. L'image est centrée mais les liens ne sont pas centrés, ils sont légèrement sur la gauche.
Voici le html:
<div class="centre_menu">
<ul class="menu_horizontal">
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
</ul>
</div>
Voici le css:
.menu_horizontal {
position: relative;
height: 29px;
width: 1024px;
background: url("../images/bg.gif") no-repeat top;
padding: 15px;
margin: 10px 0;
overflow: hidden;
}
.centre_menu {
float:left;
width: 1024px;
margin:0;
padding:0;
padding-left:185px;
}
.menu_horizontal li {
list-style: none;
}
Merci de votre aide
Je souhaite centrer mon menu horizontalement avec une image de fond. L'image est centrée mais les liens ne sont pas centrés, ils sont légèrement sur la gauche.
Voici le html:
<div class="centre_menu">
<ul class="menu_horizontal">
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
<li><a href=".......">lien</a></li>
</ul>
</div>
Voici le css:
.menu_horizontal {
position: relative;
height: 29px;
width: 1024px;
background: url("../images/bg.gif") no-repeat top;
padding: 15px;
margin: 10px 0;
overflow: hidden;
}
.centre_menu {
float:left;
width: 1024px;
margin:0;
padding:0;
padding-left:185px;
}
.menu_horizontal li {
list-style: none;
}
Merci de votre aide
Configuration: Windows XP Firefox 3.5.4
