Проблема с валидностью кода

(Ответов: 8, Просмотров: 21640)
  1. Banned
    • Регистрация: 07.06.2011
    • Сообщений: 757
    • Репутация: 350
    • Webmoney BL: ?
    Здравствуйте.

    Возникла небольшая проблема с валидностью кода (прилагаю проблемную часть):
    Код:
    <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>
    
    ...
    validator.w3.org пишет:
    Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
    Что сделано не так?

    Заранее благодарен!
    • 0
  2. Гуру Аватар для genjnat
    • Регистрация: 29.11.2010
    • Сообщений: 2,884
    • Репутация: 2594
    • Webmoney BL: ?
    Заголовок: Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
    chak, у нас русскоязычный форум
    Сменил
    • 2

    Спасибо сказали:

    chak(01.04.2013), OKyJIucT(01.04.2013),
  3. Sapienti sat Аватар для brainix
    • Регистрация: 01.01.2013
    • Сообщений: 1,925
    • Записей в дневнике: 1
    • Репутация: 817
    • Webmoney BL: ?
    chak, судя по ошибке вы скопировали только часть. Валидатор ругается на то что ul вложен в другой список ul и ему это не нравится.
    • 2

    Спасибо сказали:

    chak(02.04.2013), evpatiy(02.04.2013),
  4. Студент Аватар для Красавчег
    • Регистрация: 02.07.2010
    • Сообщений: 97
    • Репутация: 196
    При проверке в валидаторе есть полезная опция "Clean up Markup with HTML-Tidy". Отмечаете там чекбокс и вам, помимо ошибок, выдается еще и "валидный" вариант вашего кода страницы:

    • 1

    Спасибо сказали:

    chak(02.04.2013),
  5. Banned
    • Регистрация: 07.06.2011
    • Сообщений: 757
    • Репутация: 350
    • Webmoney BL: ?
    brainix, верно, я приложил только проблемный кусочек кода.

    Я понимаю, что не нравится валидатору, но я не могу понять почему, так как выше, да, есть ul, но он закрыт. ul`ы я не вкладывал.

    ---------- Сообщение добавлено 05:45 ---------- Предыдущее 05:42 ----------

    Красавчег, забавно, но "Cleaned-up Source Listing with "HTML-Tidy"" показывает именно то, что прописано у меня. То есть, как бы всё правильно, по идее
    • 0
  6. Дипломник Аватар для evpatiy
    • Регистрация: 08.10.2011
    • Сообщений: 105
    • Репутация: 29
    • Webmoney BL: ?
    chak, Бросайте полный текст страницы)) и мы уверен найдем ошибку, может где-то невалидно тег закрыт или еще что-то))) Очень часто, проблемный участок, это не значит, что именно с ним проблемы, это уже та стадия когда пошли невозвратные ошибки содеянные до него )))
    • 1

    Спасибо сказали:

    chak(02.04.2013),
  7. Banned
    • Регистрация: 07.06.2011
    • Сообщений: 757
    • Репутация: 350
    • Webmoney BL: ?
    Код:
    <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>
    • 0
  8. Дипломник Аватар для evpatiy
    • Регистрация: 08.10.2011
    • Сообщений: 105
    • Репутация: 29
    • Webmoney BL: ?
    Вот так вот делать нехорошо:
    Код 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.
    • 1

    Спасибо сказали:

    chak(02.04.2013),
  9. Banned
    • Регистрация: 07.06.2011
    • Сообщений: 757
    • Репутация: 350
    • Webmoney BL: ?
    evpatiy, Спасибо большое за проделанную работу :)

    Про article я знаю, да, у себя я всё поправил. Вот, загвоздка была именно с кодом, в первом сообщении, понять не мог почему же так.

    Еще раз спасибо.
    • 0

Тэги топика:

Похожие темы

Темы Раздел Ответов Последний пост
Автоматическое проставление кода
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

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры