Здравствуйте.
Возникла небольшая проблема с валидностью кода (прилагаю проблемную часть):Код:validator.w3.org пишет:<div class="comment-wrapper section"> <ul class="tabs"> <li><a href="#tab1">Вконтакте</a></li> <li><a href="#tab2">Facebook</a></li> <li><a href="#tab3">На сайте</a></li> </ul> ...Что сделано не так?Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
Заранее благодарен!
- 01.04.2013 12:29
- 01.04.2013 12:43chak, у нас русскоязычный форумЗаголовок: Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
СменилКомплексный аудит, принимаю заказы.
Лучшая программа для проверки позиций - 01.04.2013 16:21
chak, судя по ошибке вы скопировали только часть. Валидатор ругается на то что ul вложен в другой список ul и ему это не нравится.
- 02.04.2013 06:26
При проверке в валидаторе есть полезная опция "Clean up Markup with HTML-Tidy". Отмечаете там чекбокс и вам, помимо ошибок, выдается еще и "валидный" вариант вашего кода страницы:
Спасибо сказали:
chak(02.04.2013), - 02.04.2013 07:45
brainix, верно, я приложил только проблемный кусочек кода.
Я понимаю, что не нравится валидатору, но я не могу понять почему, так как выше, да, есть ul, но он закрыт. ul`ы я не вкладывал.
---------- Сообщение добавлено 05:45 ---------- Предыдущее 05:42 ----------
Красавчег, забавно, но "Cleaned-up Source Listing with "HTML-Tidy"" показывает именно то, что прописано у меня. То есть, как бы всё правильно, по идее - 02.04.2013 10:40
chak, Бросайте полный текст страницы)) и мы уверен найдем ошибку, может где-то невалидно тег закрыт или еще что-то))) Очень часто, проблемный участок, это не значит, что именно с ним проблемы, это уже та стадия когда пошли невозвратные ошибки содеянные до него )))
Спасибо сказали:
chak(02.04.2013), - 02.04.2013 11:28Код:
<div class="page"> <article class="story media media-full"> <div class="title"> <h1>{title}</h1> [xfgiven_original_title]<h3>[xfvalue_original_title]</h3>[/xfgiven_original_title] <div class="service"> <span class="favorites">{favorites}</span> <span class="edit">[edit]<i></i> Редактировать[/edit]</span> </div> </div> <div id="info" class="section"> <div class="extra"> <span class="poster"><img src="[xfvalue_poster]" alt="" /></span> </div> <div class="main"> <div class="media-data"> [xfgiven_year] <dl> <dt>Год выхода:</dt> <dd>[xfvalue_year]</dd> </dl> [/xfgiven_year] <dl> <dt>Жанр:</dt> <dd>{category}</dd> </dl> [xfgiven_director] <dl> <dt>Режиссер:</dt> <dd>[xfvalue_director]</dd> </dl> [/xfgiven_director] [xfgiven_cast] <dl> <dt>В главных ролях:</dt> <dd>[xfvalue_cast]</dd> </dl> [/xfgiven_cast] <br /> <div class="description"> {short-story} </div> </div> <div class="story-ads"> <div class="item-info"> [rating] <div class="item-rating"> [rating]<div itemscope itemtype="http://data-vocabulary.org/Review-aggregate"><div style="float:left;width:100px;"></div>{rating}<small>(Голосов: {vote-num})</small></div>[/rating] </div> [/rating] <span class="story-comments"> <i></i> [not-comments]Еще нет отзывов[/not-comments] [comments]Отзывов: <b>{comments-num}</b>[/comments] </span> [not-group=5] <span class="story-complaint">[complaint]<i></i> Сообщить об ошибке[/complaint]</span> [/not-group] {include file="like-icons.tpl"} </div> [xfgiven_screens] <div class="media-screens"> <div class="list-items">[xfvalue_screens]</div> </div> [/xfgiven_screens] </div> </div> <div class="clear"></div> <span class="section-ico"><i></i></span> </div> [xfgiven_player] <div id="player" class="section"> <div class="video-container"> лалалалала тут код VK Video </div> <span class="section-ico"><i></i></span> </div> [/xfgiven_player] <div id="related-media" class="widget style-primary"> <div class="title"> <h3>Заглавие:</h3> </div> <div class="content show-titles display-grid"> <ul class="list-items list-media five-per-row"> {include file='engine/modules/linkenso.php?post_id={news-id}&links=5&date=old&ring=yes&scan=global_cat&anchor=name&title=name&image=poster'} </ul> </div> </div> <div class=""> <div class="widget addcomments"> <div class="title"> <h3>Добавить свой отзыв:</h3> </div> </div> <div class="maincol"> <div class="comment-wrapper section"> <ul class="tabs"> <li><a href="#tab1">Вконтакте</a></li> <li><a href="#tab2">Facebook</a></li> <li><a href="#tab3">На сайте</a></li> </ul> <div class="tab_container"> <div id="tab1" class="tab_content"> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "580", attach: "photo,link"}); </script> </div> <div id="tab2" class="tab_content"> <div class="fb-comments" data-href="http://******" data-width="580" data-num-posts="10"></div> </div> <div id="tab3" class="tab_content"> {addcomments} {comments} </div> </div> </div> {navigation} <span class="section-ico"><i></i></span> </div> </div> <div class="subcol"> {poll} <div class="widget"> <div class="title"> <h3>Заглавие</h3> </div> <div class="content show-teasers display-list view-compact"> <ul class="list-items list-media two-per-row"> {custom category="5,6,7,8,9,10,11,12" template="list-items/list-media" aviable="global" from="0" limit="3" cache="yes"} </ul> </div> </div> </div> <div class="clear"></div> </div>
- 02.04.2013 13:57
Вот так вот делать нехорошо:
Код HTML:(разметка и стили должны быть порознь, скрипты тоже не по "телу" гулять должны, но то еще ладно, но такое лучше не оставлять)<div style="float:left;width:100px;"></div>
По разметке, тег article, у вас открывается и нигде не закрывается, в дальнейшем вложенность правильная везде, все кавычки соблюдены и так далее, разобрал все вручную :). Совет: желательно под валидацию давать уже готовый код, а не source от "Шаблонизатора" пришлось ручками подменять, в целом все у вас правильно и работает без ошибок после моих изменений, добиться вашей ошибки мне не удалось, но вылезли другие, а именно:
ошибка: неправильный href у тега <a>, так как стоит не ссылка, а placeholder
со списками <ul> таже тема..
<article> выпавший .. кусок..
Немного по нему напишу в списке <ul> , должно содержать от 0 до n тегов <li> ничего другого в нем содержатся не должно.
Неправильно:
Код:правильно:<ul> <h3>Меню</h3> <li><a href='#'>главная</a><li> <li><a href='#'>мелкая</a><li> <li><a href='#'>левая</a><li> <ul><li>подменю</li></ul> </ul>
Код:<ul> <li><h3>Меню</h3><li> <li><a href='#'>главная</a><li> <li><a href='#'>мелкая</a><li> <li><a href='#'>левая</a><li> <li><ul><li>подменю</li></ul></li> </ul>
Смею предположить, что из-за того, что вы подставляете в валидатор текст не готовый, а шаблонизатора, он и ругается, что в <ul> непонятная билиберда, которой там не должно быть.Последний раз редактировалось evpatiy; 02.04.2013 в 14:13.
Спасибо сказали:
chak(02.04.2013), - 02.04.2013 14:19
evpatiy, Спасибо большое за проделанную работу :)
Про article я знаю, да, у себя я всё поправил. Вот, загвоздка была именно с кодом, в первом сообщении, понять не мог почему же так.
Еще раз спасибо.
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Автоматическое проставление кода | Web программирование | 6 | 17.03.2013 03:20 |
Не хватает куска кода на JS | Web программирование | 0 | 22.11.2012 20:03 |
Предложения установки кода. | PPC и контекстная реклама | 10 | 09.06.2012 15:55 |
Убрать display:none из кода | Web программирование | 10 | 25.05.2012 17:44 |
Оптимизация кода сайта | Общие вопросы поисковой оптимизации | 12 | 15.07.2010 11:48 |