Centrer le menu
Résolu
tipi75
Messages postés
680
Date d'inscription
Statut
Membre
Dernière intervention
-
LelLex Messages postés 1628 Date d'inscription Statut Membre Dernière intervention -
LelLex Messages postés 1628 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Centrer le menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Ouvrir le menu paramètres - Guide
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
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
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
.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
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question