Проверка неисправности <ul>выпадающее меню - PullRequest
Новая
       10

Проверка неисправности <ul>выпадающее меню

0 голосов
/ 16 декабря 2009

У меня проблемы с проверкой моего HTML, мои меню вызывают следующую ошибку:

"тип документа не допускает здесь элемент" li "; отсутствует один из" ul "," ol "start-tag"

ссылка на валидатор

ссылка на сайт

Мой код выглядит следующим образом, меню являются выпадающими меню 

<ul>
    <li>
        <a href='services' class='inactive'>Services</a>
        <ul>
            <li><a href='services'>Services</a></li>
            <li><a href='brokerage' >Brokerage Group</a></li>
            <li><a href='development-group'>Development Group</a></li>
        </ul>
    </li>
    <li ><a href='contact'>Contact</a></li>
</ul>

Я что-то упустил? Ul после тега ссылки лишает законной силы мой код?

Ответы [ 3 ]

4 голосов
/ 16 декабря 2009

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

<ul>
    <li class='headlink'><a href='home' class='inactive'>Home</a></li>
    <li class='headlink'><a href='about' class='inactive'>About</a>
        <ul class='About'>
            <li class='headlink'><a href='about'>About</a> <!-- MISSING TAG HERE -->
            <li><a href='management-team' class='inactive'>Management Team</a></li>
            <li><a href='partners' class='inactive'>Partners</a></li>
            <li><a href='global-one-standard' class='inactive'>Global One Standard</a></li>
            <li><a href='business-investment-opportunities' class='inactive'>Business & Investment Opportunities</a></li>
        </ul>
    </li>
    <li class='headlink'><a href='services' class='active'>Services</a>
        <ul class='Services'>
            <li class='headlink'><a href='services'>Services</a> <!-- MISSING TAG HERE -->
            <li><a href='brokerage' class='inactive'>Brokerage Group</a></li>
            <li><a href='development-group' class='inactive'>Development Group</a></li>
        </ul>
    </li>
    <li class='headlink'><a href='projects' class='inactive'>Projects</a>
        <ul class='Projects'>
            <li class='headlink'><a href='projects'>Projects</a> <!-- MISSING TAG HERE -->
            <li><a href='hilton-garden-inn' class='inactive'>Hilton Garden Inn</a></li>
            <li><a href='federal-plaza' class='inactive'>Federal Plaza</a></li>
        </ul>
    </li>
    <li class='headlink'><a href='contact' class='inactive'>Contact</a></li>
</ul>
1 голос
/ 16 декабря 2009

Очень внимательно проверяйте свой код в местах, на которые жалуется валидатор, например, первая ошибка

Строка 41, столбец 203: тип документа не допускает использование элемента "li"; отсутствует один из тегов "ul", "ol", "menu", "dir"

Это потому, что ваш код выглядит так 

//...
<ul class='About'>
    <li class='headlink'>
        <a href='about'>About</a>
     //                            <- you have to put </li> here
    <li>
        <a href='management-team' class='inactive'>Management Team</a>
   </li>
0 голосов
/ 16 декабря 2009

Ваш тип документа: 

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

Вы уверены, что хотите использовать именно это. Если нет, попробуйте использовать ниже тип документа: 

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

Строгий тип документа проверяется очень строго; и вы должны быть в состоянии соблюдать эти строгие стандарты.

Я не уверен, что именно это является причиной проблемы, но вы можете попробовать это.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...