Проблемы с позиционированием CSS: Wordpress

Я следую этому руководству здесь http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery при добавлении меню с помощью jquery .

Я создал свое меню, но у меня возникли проблемы с его добавлением в wordpress. Я открыл файл header.php, так как хочу, чтобы он отображался под баннером, и вставляю его в свой собственный div, но он всегда «толкает» все, что находится под ним, вправо.

Как мне остановить это от этого?

Вот код:

<ul id="nav">
<li><a href="#">1 HTML</a></li>
<li><a href="#">2 CSS</a></li>
<li><a href="#">3 Javascript</a>
    <ul>
        <li><a href="#">3.1 jQuery</a>
            <ul>
                <li><a href="#">3.1.1 Download</a></li>
                <li><a href="#">3.1.2 Tutorial</a></li>
            </ul>
        </li>
        <li><a href="#">3.2 Mootools</a></li>
        <li><a href="#">3.3 Prototype</a></li>
    </ul>
</li>


wordpress css positioning
person cam    schedule 06.05.2010    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Трудно сказать, не глядя в целом, но, основываясь на очень малом знании вашей проблемы, единственное, что я могу порекомендовать вам попробовать, это это свойство CSS:

ul#nav {
    position: absolute;
}

Таким образом, он не будет отталкивать другие элементы. Это может иметь и другие последствия, в зависимости от других элементов, которые у вас могут быть.

person Johan    schedule 06.05.2010
comment
Почти, но теперь столбы слишком близко с одной стороны. Это странно, потому что для любой страницы поста это работает идеально. Не работает только первая полоса и архивы. - person cam; 06.05.2010
comment
Просто пришлось изменить некоторые CSS сообщений. Баночка спасибо! - person cam; 06.05.2010

arrow_upward
0
arrow_downward

Похоже, вы пропустили закрывающий </ul>? Вы также можете использовать Службу проверки разметки W3C для устранения ошибочных тегов.

person markratledge    schedule 06.05.2010