[Решено] Валидатор w3c ругается - где ошибка в коде?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Voland70, 1 июл 2015.

  1. Voland70

    Voland70

    Регистрация:
    29 июн 2014
    Сообщения:
    74
    Симпатии:
    3
    Здравствуйте.

    Сверстал шаблон компонента bitrix – вывод категорий товара на главной странице сайта.
    Все работает хорошо, но валидатор w3c ругается, как я понимаю не правильно вложенные элементы HTML.

    Привожу фрагмент кода:

    Подскажите, что не так, и как исправить.
     
  2. kama812

    kama812

    Регистрация:
    30 мар 2013
    Сообщения:
    311
    Симпатии:
    194
    ну по идеи в <ul> нельзя вкладывать ничего кроме <li>, так что попробуй ссылкой обернуть содержимое li а не сам тег.
    ну и объяснение наоборот - <li> может быть только внутри <ol> или <ul>
     
    Voland70 нравится это.
  3. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.121
    Симпатии:
    560
    Надо так
    <div class="vitrina_div">
    <ul class="vitrina_ul">
    <li id="bx_1847241719_226">
    <a href="/catalog/topki-i-oblitsovki/">
    <img src="/upload/iblock/f85/f8532d2f9200fe7cd96647a71b63346e.jpg" alt="ТОПКИ И ОБЛИЦОВКИ" title="ТОПКИ И ОБЛИЦОВКИ"/>
    <h2 class="vitrina_h2">ТОПКИ И ОБЛИЦОВКИ</h2>
    </a>
    </li>
    <li id="bx_1847241719_22">
    <a href="/catalog/otopitelnye-pechi/">
    <img src="/upload/iblock/fbc/fbce80c1ae74d5276419415c3b459b7b.jpg" alt="ОТОПИТЕЛЬНЫЕ ПЕЧИ" title="ОТОПИТЕЛЬНЫЕ ПЕЧИ"/>
    <h2 class="vitrina_h2">ОТОПИТЕЛЬНЫЕ ПЕЧИ</h2>
    </a>
    </li>
    </ul>
    </div>