Centrer le menu
Résolu
Bonsoir,
Je n'arrive pas à centrer le menu.
Voici le html:
<div class="en_tete">
<ul class="menu_horizontal">
<li><a .......>item</a></li>
<li><a .......>item</a></li>
<li><a .......>item</a></li>
<li><a .......>item</a></li>
</ul>
</div>
Voici le css:
.en_tete
{
border:1px solid #BFBFBF;
border-top:0;border-bottom:0;
margin:0 1px;
padding:0 2em;
/*min-height:150px; /*avec eventuellement une hauteur mini */
height:40px;
width: 1024px;
margin-left: auto;
margin-right: auto;
}
.menu_horizontal
{
font-size:x-small;
font-family: "Arial Black", Arial, Verdana, serif;
text-transform:uppercase;
overflow:hidden;
padding: 15px;
}
.menu_horizontal li
{
float: left;
list-style: none;
padding : 0 1.5em;
}
Mon menu se trouve à gauche de la div.
Merci de votre aide
Je n'arrive pas à centrer le menu.
Voici le html:
<div class="en_tete">
<ul class="menu_horizontal">
<li><a .......>item</a></li>
<li><a .......>item</a></li>
<li><a .......>item</a></li>
<li><a .......>item</a></li>
</ul>
</div>
Voici le css:
.en_tete
{
border:1px solid #BFBFBF;
border-top:0;border-bottom:0;
margin:0 1px;
padding:0 2em;
/*min-height:150px; /*avec eventuellement une hauteur mini */
height:40px;
width: 1024px;
margin-left: auto;
margin-right: auto;
}
.menu_horizontal
{
font-size:x-small;
font-family: "Arial Black", Arial, Verdana, serif;
text-transform:uppercase;
overflow:hidden;
padding: 15px;
}
.menu_horizontal li
{
float: left;
list-style: none;
padding : 0 1.5em;
}
Mon menu se trouve à gauche de la div.
Merci de votre aide
Configuration: Windows XP Firefox 3.5.4
5 réponses
-
je pense kil y'a une solution ecoute .
tu fai
<li align="center"><a .......>item</a></li>
et tu fai ça pour tte les <li essai ça pourrai marcher , mais je pense kil existe une solution au niveau css sauf ke je la connai pa -
ok, merci mais je voudrais le faire avec le css.
Quelqu'un aurait une solution? -
Salut,
.en_tete
{
margin: auto;
margin-top: xxx px;
margin-bottom: xxx px;
}
Je t'ai mis " margin-top: xxx px; " et " margin-bottom: xxx px; " si tu souhaite mettre des margin en haut et en bas de la div !
Cdt -
C'est bon j'ai trouvé, j'ai supprimé la div et j'ai rajouté display inline et text-align:center.
Merci -
Essaie margin: auto;
Le fait de faire display:inline; et text-align:center; je suis pas sûr que sa marche sur tous les navigateurs !
Bref! As you want.
Cdt
