28172 sujets

CSS et mise en forme, CSS3

Centrer le nav de mon site

Bonjour,
J'aimerai savoir comment centrer le nav de ma page visible ici: http://catherine-lachouque.zxq.net/

ps: le nav a été crée a l'aide d'une liste a puce.
j'ai deja regarder ici: www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.htm l
le centrage a fonctionner pour les autres élément de ma page mais pas pour le nav.

<nav>
                    <ul>
                        <li><a href="#">Accueil</a></li>
                        <li><a href="#">L'Artiste</a></li>
                        <li><a href="#">Votre projet sur mesure</a></li>
                        <li><a href="#mon-ancre">Contact</a></li>
                    </ul>
    </nav>



nav
{
    display: inline-block;
    width: 800px;
    text-align: left;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #7c4b28;
    border-bottom: 3px solid #760001;
}


merci
Modifié par emarin (26 Sep 2012 - 14:14)
Salut,

As-tu besoin de la déclaration display: inline-block pour ton élément nav ?

D'ailleurs, si tu as bien regardé les astuces proposées dans le lien que tu indiqués, tu auras vu qu'il n'est nulle part question d'éléments en inline-block.
Bonjour,

J'essaierai de donner une largeur de 100% à ton bloc "nav", et d'aligner le texte au centre, plutôt qu'à gauche...
A tester, vérifier, éprouver...
emarin a écrit :
@6l20
ça le décale un petit peu a droite mais il n'est toujours pas au centre

Ceci fonctionne chez moi (FF/Mac):

nav {
    display: inline-block;
    text-align: center;
    width: 100%;
}

Au passage #baniere n'a pas de règle CSS.
Sujet clos
Aller à