Comment faire pour centrer la barre de navigation à l'UL?
Essayé display: inline-block; text-align: center;
et beaucoup de choses de l'Internet, mais rien n'a aidé.
#nav{
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #C9C9C9;
border-bottom: 5px solid #ddd;
border-top: 1px solid #ccc; }
#nav li {
list-style: none;
float: left; }
#nav li a {
display: block;
padding: 5px 5px;
font-size: 13px;
text-decoration: none;
color: #000;
border-right: 1px solid #ccc; }
#nav li a:hover {
color: #fff;
background-color: #000;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
HTML:
<ul id="nav">
<?php wp_nav_menu('menu=header_menu&container=false'); ?>
<div class="clear"></div>
</ul>
Il ressemble à ceci:
... et je ne sais pas comment faire pour centrer.
de base est : ul {margin:0;padding:0;list-style-type:none;text-align:center;} li {display:inline-block;} , si li chars, de vous perdre 🙂
Le seul élément admis directement à l'intérieur d'un
Putain, ce qu'il! Poste en tant que la réponse et je vais le marquer 🙂
fait! +1 pour la question
Le seul élément admis directement à l'intérieur d'un
<ul>
est un <li>
!Putain, ce qu'il! Poste en tant que la réponse et je vais le marquer 🙂
fait! +1 pour la question
OriginalL'auteur user2462794 | 2013-06-15
Vous devez vous connecter pour publier un commentaire.
de base est :
Note que si
<li>
flotteurs, vous perdez 🙂http://jsfiddle.net/KWG2j/
alors , si vous avez besoin d'un centre ul avec le fluide largeur: passer à une étape supérieure dans le html.
http://jsfiddle.net/KWG2j/1
OriginalL'auteur G-Cyr
Définir une largeur fixe sur votre UL, puis de l'ajuster à la marge comme
Cela permettra d'appliquer les mêmes marges à la fois à gauche et à droite de bloquer les éléments qui ont une certaine largeur.
OriginalL'auteur Umbrella
http://jsfiddle.net/Be4Q2/
OriginalL'auteur Mr. Polywhirl