Posez votre question Signaler

Centrer le menu [Résolu]

tipi75 607Messages postés 20 août 2007Date d'inscription 21 janvier 2012Dernière intervention - Dernière réponse le 3 nov. 2009 à 21:53
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
Lire la suite 

Centrer le menu »

5 réponses
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
ok, merci mais je voudrais le faire avec le css.

Quelqu'un aurait une solution?
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
C'est bon j'ai trouvé, j'ai supprimé la div et j'ai rajouté display inline et text-align:center.

Merci
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Ce document intitulé « centrer le menu » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook