[Nickson]

Здравствуйте Форумчане, при создании сайта столкнулся с такой проблемой: ново меню wp, надо расположить по середине...

скриншот:


шаблон гудвина (демо)

Подскажите куда копать, пробовал что-то в css изменить. не выходит. Спасибо.

[Ronin]

PHP код:

<div id="MainMenu">
                <ul id="tab">    
              <?php wp_nav_menu( array( 'theme_location' => 'primary','fallback_cb'=> '' ) ); ?>    // функция вывода менюшки , копай в этом направлении 
                    </ul>
        </div>

Где нибудь в style.css в блоке с ul собака зарыта

[Jeremen]

Nickson, пропишите в css для вашего блока с меню если там ничего лишнего нет:
text-align: center;

[Nickson]

Блин не понимаю некоторые моменты. Вот код:

PHP код:

/*навигация*/
#nav {
    width: 960px;
    height: 88px;
    margin: 0 auto 0;
    padding: 0;
    
}
#MainMenu {
    width: 960px;
    height: 58px;
    margin: 0 auto 0;
    padding: 0;
    font-weight: bold;
    float: left;
    font-family: Arial, Tahoma, Trebuchet MS;
    font-size: 14px;
    background: #ededed url(images/cat.gif) repeat-x;
    text-transform: uppercase;
}
#tab {
    margin: 0;
    top: 0;
}
#tab ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#tab li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}
#tab a {
    color: #595959;
    display: block;
    margin: 0px;
    padding: 18px 15px 15px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
}
#tab a:hover {
    background-position: right bottom;
    color: #939393;
}
#SubMenu {
    height: 30px;
    margin: 0 auto 0;
    padding: 0;
    background: #454445 url(images/top.gif) top center repeat-x;
}
#tab {
    line-height: 1.0;
    position: relative;
}
#tab ul {
    float: left;
    width:    100%;
    position: relative;
}
#tab li {
    float: left;
    list-style: none;
    z-index: 999;
}
#tab li.current ul {
    z-index: 999;
}
#tab li.sfHover ul, ul#tab li:hover ul {
    z-index: 1000;
}
#tab a {
    display: block;
    float: left;
    text-decoration: none;
}
#tab li ul {
    left: 0;
    position: absolute;
    top: -999em;
}
#tab li.sfHover a, #tab li.current a, #tab a:focus, #tab a:hover, #tab a:active {
    border-bottom: none;
}
#tab li:hover ul, body #tab li.current ul, ul#tab li.sfHover ul {
    top: 2.8em;
}
#tab li:hover li ul, #tab li.sfHover li ul {
    top: -999em;
}
#tab li li:hover ul, ul#tab li li.sfHover ul {
    top: 2.5em;
}
.superfish li:hover ul, .superfish li li:hover ul {
    top: -999em;
}
#tab li ul li a {
    color: #f4f4f4;
    margin: 0;
    font-size: 9px;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
    padding: 25px 10px 10px 10px;
}
#tab li ul li a:hover {
    color: #cccccc;
} 


Jeremen Text-align пробовал, меню становится вертикальным

[Jeremen]

Nickson, хахах. потому что у вас задано свойство float: left; Его добавили для того что бы меню было горизонтальным + походу расчет что с права от этого меню что-то будет расположено. Хотя можете просто убрать float: left; и добавить к тегам li свойство display: inline; text-align: center; и ваше меню станет по центру. А вообще советую выучить основы. Я думаю они вам лишними не будут, время не много убьете но зато не будете таких простых вещей не знать :)
А вообще я считаю не нужно его центрировать ибо по краю оно расположено как раз в своем месте и выглядит нормально. А то будет по бокам пустые места.

[Nickson]

Jeremen, да согласен с тем, что основы надо бы знать...раньше другого мнения был, пока не столкнулся с созданием сайта. На счет этого я тоже понимаю. Нужно. Шаблон я довольно таки сильно переделал, и для полной красоты нужно сентрировать его. Сейчас попробую.

Jeremen не получается. Я собственно не понял, тегов li ul там полно! так что именно менять? можете на примере выше показать (код)

[Jeremen]

Nickson, а если переделали то уже другой разговор )

Развернуть текст

#tab li {
display: inline;
float: left;
margin: 0;
padding: 0;
здесь. и возможно убрать флоат здесь
#tab ul
а вообще практикуйтесь. Сохраните исходник и не бойтесь )

[свернуть]

[utb]

ссылку бы, для ul#tab добавь {margin-left: XXpx;} если конечно меню изменяться не будет :)
А так пользуйся firebug
float не причем для li
еще подсказка block-и выравниваются margin:0 auto;

[Nickson]

utb, Спасибище огромное, с главным меню все получилось, оно сдвинулось в середину. Но столкнулся теперь с другой проблемой, САБМЕНЮ так же сдвинулось вместе с ним. А надо, чтобы оно осталось в прежнем положении, ну или в середине.