Меню на списках не проходит валидацию

D1mK4 · May 17, 2011

всем доброго времени суток.

сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема?

вот такой код у меня


<div id="leftMenu">
    <ul class="folder">
        <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li>
            <ul class="subfolder">
                <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li>
                <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu"></span></li>
            </ul>
        <li><a href="/gallery/graphics">Графика</a><span class="arrowmenu"></span></li>
    </ul>
</div>

Edited May 17, 2011 by D1mK4

zSpx · May 17, 2011

Доктайп укажите.

upd: Гмх, а как это у вас ul вложен в ul получается?

<li>

</li>

вот так нужно/

Edited May 17, 2011 by zSpx

sigma77 · May 17, 2011

всем доброго времени суток.
сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема?

Сравни


<div id="leftMenu">
    <ul class="folder">
        <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span>
            <ul class="subfolder">
                <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li>
                <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu"></span></li>
            </ul>
        </li>
        <li><a href="/gallery/graphics">Графика</a><span class="arrowmenu"></span></li>
    </ul>
</div>

Ну и обоснованность span class="arrowmenu вызывает большие сомнения.

psywalker · May 17, 2011

всем доброго времени суток.
сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>

И правильно делает. Я бы на его месте орал вообще! :rolleyes:

D1mK4 · May 17, 2011

Доктайп укажите.
upd: Гмх, а как это у вас ul вложен в ul получается?
<li>
<ul></ul>
</li>
вот так нужно/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

у меня не просто меню на списках, а 2х уровневое, ссылки с ul class="folder" верхний уровень, ul class="subfolder" нижний уровень

Ну и обоснованность span class="arrowmenu вызывает большие сомнения.

span class="arrowmenu" служит для создания стрелочки в правом углу

psywalker · May 17, 2011

D1mK4

Ты понял, в чём твоя ошибка?

D1mK4 · May 17, 2011

sigma77, сравнил, вообще все поплыло)

задача была сделать так:

уровень 1

уровень 2

уровень 1

уровень 2

и тд..

sigma77 · May 17, 2011

sigma77, сравнил, вообще все поплыло)
задача была сделать так:
уровень 1
уровень 2
уровень 2
уровень 1
уровень 2
и тд..

Ну так поправь стили.

span class="arrowmenu" служит для создания стрелочки в правом углу

Для этого можно использовать свойство background у элемента а

D1mK4 · May 17, 2011

psywalker, я понял мысль, сейчас покалдую с CSS

zSpx · May 17, 2011

у меня не просто меню на списках, а 2х уровневое, ссылки с ul class="folder" верхний уровень, ul class="subfolder" нижний уровень

вот на этой странице вдумайся в эту строчку:

Описание
Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства.

и посмотри что у тебя в коде.

D1mK4 · May 17, 2011

zSpx, sigma77, спасибо Вам, выровнял я менюшку. psywalker и Вам спасибо за Ваш юмор :rolleyes:

sigma77, и еще спасибо за стрелочку

Edited May 17, 2011 by D1mK4

Sign In

Меню на списках не проходит валидацию

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information