web-dev-qa-db-fra.com

Boutons de navigation centrés avec le logo principal

Bonjour, j’ai fait de mon mieux pour centrer les boutons de navigation, mais cela n’est toujours pas parfaitement centré sous le logo principal. Quelqu'un peut-il m'aider? Peut-être qu'il manque une ligne de code ou que les valeurs incorrectes sont définies.

.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 60px;
line-height: 14px;
}

.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: white;
background-color: #F6861F;
}

.header .nav-pills > li > a {
    border: 1px solid #000000;
    border-bottom: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
}

.nav-pills > li > a {
    margin-right: 0;
}
.nav-pills > li > a {
    margin-bottom: 3px;
}

L'aide serait très appréciée. Ma page est à,

http://www.webbmaster.com.au/web-programs/questdesign/

joomla-3.xcssjhtml
1
Kyle
.navigation .nav-pills {
    /* add: */
    text-align: center;
 }
.nav-tabs > li, .nav-pills > li{
    /* float: left; */
    display: inline-block;
}

et changer le rembourrage et la marge sur

.nav-tabs > li > a, .nav-pills > li > a{
   /* ... */
}
3
COBIZ webdevelopment