2014-07-16 5 views
0

Modification de la navigation principale d'un site.Navigation centrée sur Wordpress

utilisant:

#navbarsecond { 
    border-bottom: 3px solid #191919; 
    border-top: 1px solid #e5e5e5; 
    display: table; 
    margin: 0 auto 25px; 
    text-align: center; 

ont obtenu presque là (ne peut pas intégrer encore d'images!): http://i1298.photobucket.com/albums/ag43/sim888/SkTy/main-nav_zpsf7241a6b.png

juste essayer d'obtenir les meilleures & bordures inférieures largeur aussi (980px). .. toute aide serait grandement appréciée.

acclamations, s.

Répondre

0

Vous pouvez effectuer les opérations suivantes:

#navbarsecond { 
    border-bottom: 3px solid #191919; 
    border-top: 1px solid #e5e5e5; 
    text-align: center; 
    margin: 25px 0; 
} 
ul.dropdown { 
    // Remove the float 
} 
ul.dropdown li { 
    // Remove the float   
    display: inline-block; 
} 
+0

Merci mattcouchman, très apprécié - je lui ai donné un coup, mais malheureusement, cela n'a pas fonctionné. Voici un test en direct si ce n'est pas trop de mal à regarder? [site de test nav] (http://223.130.25.64/~dashcrea/katecotest) – simonbw

+0

Merci pour le lien. Vous devez supprimer les float de vos '.dropdown' et' .dropdown li' et appliquer le bloc inline au 'li' au lieu du' a'. J'ai mis à jour la réponse à montrer. – mattcouchman

+0

Incroyable! travaillé comme un charme - merci beaucoup pour votre aide! commenté et édité le suivant ainsi que votre code ... Merci encore! '/*.dropdown { float: à gauche; } */ .dropdown li {/ * float: left; */display: bloc-ligne; position: relative; ' – simonbw