Перейти к публикации

Правильность в размещении тегов (Ругается валидатор)


Рекомендованные сообщения

Ребят, не могли бы вы помочь с расстановкой тегов <li> и </ul> (закрытие и открытие) валидатор ругается.. :(


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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<!--ВКОНТАКТЕ HEAD-->

	<script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>

	<script type="text/javascript">

  VK.init({apiId: 4063131, onlyWidgets: true});

</script>

	<!--ВКОНТАКТЕ HEAD-->

{headers}

	<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon"/>

<link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" />

<!--[if lte IE 7]-->

<link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" />

<!--[endif]-->

<!--[if IE 8]-->

<link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" />

<!--[endif]-->

<script type="text/javascript" src="{THEME}/js/shareTT.js"></script>

<script type="text/javascript" src="{THEME}/js/active.js"></script>

<script type="text/javascript" src="{THEME}/js/jquery.boutique.min.js"></script>

<script type="text/javascript" src="{THEME}/js/jquery.upScrollButton.js"></script>

<script type="text/javascript">

$(function () {

	$(window).scroll(function () {

		if ($(this).scrollTop() > 100) $('a#move_up').fadeIn();

		else						   $('a#move_up').fadeOut(400);

	});

	$('a#move_up').click(function () {

		$('body,html').animate({

			scrollTop: 0

		}, 800);

		return false;

	});

});

</script>

<!--РЕКЛАМНЫЙ КОД-->


<!--РЕКЛАМНЫЙ КОД-->


</head>

<body>

	<!--ВКОНТАКТЕ ТЕЛО-->

	<script type="text/javascript">

  VK.init({apiId: 4063131, onlyWidgets: true});

</script>

	 <!--ВКОНТАКТЕ ТЕЛО-->  


{AJAX}

<div class="main">

<div class="header">

  <h1><a class="logo" href="/" title=""></a></h1>

  <div class="login">

   [group=5]<span class="login-text"></span>[/group]

   [group=1,2,3,4]<span class="login-text2"></span>[/group]

  </div>

  <div class="search-block">

   <form method="post"  action='' style="margin: 0;padding: 0;">

				<input type="hidden" name="do" value="search"/>

				<input type="hidden" name="subaction" value="search" />

	<input name="story" type="text" class="form-text" id="story" value="поиск по сайту" onblur="if(this.value=='') this.value='поиск по сайту';" onfocus="if(this.value=='поиск по сайту') this.value='';" title="наберите Ваш запрос и нажмите enter" />

				<input type="image" src="{THEME}/images/search.png" value="Найти!" border="0" class="form-search" alt="Найти!"/>

   </form>

  </div>

  <ul class="top-menu-block">

   <li>

	<a class="top-menu-link" href="/">ГЛАВНАЯ</a>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/films/">ФИЛЬМЫ</a>

	<div class="hidden-menu-block">

	 <div class="hidden-menu">

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/the-art-house/">Арт-хаус</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/militant/">Боевик</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/military/">Военный</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/detectives/">Детектив</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/fantasy/">Фантастика</a>

						<a class="hidden-menu-link" href="http://kino-maniac.ru/films/fantastic/">Фэнтези</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/crime/">Криминал</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/drama/">Драма</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/short/">Короткометражный</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/history/">Исторический</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/documentary/">Документальный</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/children/">Детский</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/sports/">Спорт</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/comedy/">Комедия</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/melodrama/">Мелодрама</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/thriller/">Триллер</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/the-horrors/">Ужасы</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/musicals/">Мюзикл</a>

	  <a class="hidden-menu-link" href="http://kino-maniac.ru/films/adventure/">Приключния</a>

	 </div>

	</div>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/soaps/">СЕРИАЛЫ</a>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/cartoons/">МУЛЬТФИЛЬМЫ</a>

   </li>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/anime/">АНИМЕ</a>

   </li>


   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/film-news/">НОВОСТИ КИНО</a>

   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/actors/">АКТЕРЫ</a>

   </li>


   <li>

	<a class="top-menu-link" href="http://kino-maniac.ru/index.php?do=orderdesc">СТОЛ ЗАКАЗОВ</a>

   </li>

			<li>

	<a class="top-menu-link" href="http://kino-maniac.ru/soglashenie.html">АВТОРУ</a>

   </li>

   <li>

	<a class="top-menu-link" href="/index.php?do=feedback">КОНТАКТЫ</a>

   </li>

  </ul>

</div>

[aviable=main]

  <noindex><div id="pichead">


<div class="wrap">

  <div style="display: none;"><script type="text/javascript">

	$(document).ready(function(){

	  $('#boutique').boutique({

		autointerval: 4000,

		behind_opac: 0.5,

		back_opac: 0.2,

		behind_size: 0.88,

		back_size: 0.74,

		hovergrowth: 0,

		autoplay: true

	  });

	});

  </script></div>

  <div id="externalcontrols">

	<b class="thide ext_prev" onclick="boutique_ext_prev()">Назад</b>

	<b class="thide ext_next" onclick="boutique_ext_next()">Вперед</b>

  </div>

  <ul id="boutique">

   {custom category="4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21" template="slide" aviable="global" from="0" limit="10" cache="no"}

</ul>

</div>

  </div></noindex>

[/aviable]

<div class="content">

  <div class="left-col">

  [not-aviable=main]{info}{content}[/not-aviable]

  [aviable=cat]{custom category="1,2,3" template="shortstory" aviable="main" from="0" limit="12" cache="yes"}[/aviable]

  [aviable=main]

   <div class="new-album">НОВОЕ НА САЙТЕ

	<div class="new-album-item">

	{custom category="3" template="shortstory" aviable="main" from="0" limit="12" cache="no"}

	 <div style="clear: both;"></div>

	</div>

   </div>

   <div class="music-news">

	<div class="main-title">НОВОСТИ КИНО<a href="http://kino-maniac.ru/film-news/">все новости</a></div>

	<div class="music-news-item">

	{custom category="27" template="music-main" aviable="main" from="0" limit="4" cache="no"}

	</div>

   </div>

   <div class="new-clips">

	<div class="main-title">ФИЛЬМЫ<a href="#" style="right: 10px;">все видео</a></div>

	<div class="new-clips-item">

	{custom category="3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20" template="klip-main" aviable="main" from="0" limit="6" cache="no"}

	 <div style="clear: both;"></div>

	</div>

   </div>

   <div style="clear: both;"></div>

   <div class="biography">АКТЕРЫ

	<div class="biography-item">

	{custom category="26" template="biography_main" aviable="main" from="0" limit="9" cache="no"}

	 <div style="clear: both;"></div>

	</div>

   </div>

  [/aviable]

  </div>

  <div class="right-col">

   <div class="right-block">

	<div class="right-block-title">СЛУЧАЙНОЕ КИНО</div>

	<div class="right-block-content">

	{custom category="3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23" template="new_right" aviable="global" from="0" limit="6" cache="no"}

	 <div style="clear: both; height: 30px;"></div>

	</div>

   </div>


	  <div class="right-block">

	<div class="right-block-title" style="color: #fff;">РЕКЛАМА</div>

	<div class="right-block-content">

	 <!--<img src="{THEME}/images/reclama.jpg" alt="Реклама на сайте" title="Реклама на сайте" />-->

					{banner_tottent}

	</div>

   </div>			  

   <div class="right-block">

	<div class="right-block-title" style="color: #51ac00;">ПОПУЛЯРНОЕ</div>

	<div class="right-block-content">

	 {topnews}

	</div>

   </div>

  </div>

  <div style="clear: both;"></div>

</div>

<div style="clear: both;"></div>


<div class="footer">

  <div class="copir">

Copyright 2013.Powered by <a href="/" title="Romanov">Romanov</a> Все киноматериалы представлены исключительно для ознакомительных целей. <a id="move_up" href="#">Наверх</a>

{banner_listtop} {banner_akavita} {banner_webgari} {banner_anime} {banner_rosmarke} {banner_openstat}

		</div>

  <div class="schet">

{banner_catalog1}

{banner_yandeg}

{banner_ranbler_top100}

<!-- Yandex.Metrika informer -->

{banner_yandex_informer}

<!-- /Yandex.Metrika informer -->

<!--LiveInternet counter-->

{banner_liveinternet}

<!--/LiveInternet-->

<!-- Yandex.Metrika counter -->

<script type="text/javascript">

(function (d, w, c) {

	(w[c] = w[c] || []).push(function() {

		try {

			w.yaCounter23289193 = new Ya.Metrika({id:23289193,

					webvisor:true,

					clickmap:true,

					trackLinks:true,

					accurateTrackBounce:true});

		} catch(e) { }

	});

	var n = d.getElementsByTagName("script")[0],

		s = d.createElement("script"),

		f = function () { n.parentNode.insertBefore(s, n); };

	s.type = "text/javascript";

	s.async = true;

	s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

	if (w.opera == "[object Opera]") {

		d.addEventListener("DOMContentLoaded", f, false);

	} else { f(); }

})(document, window, "yandex_metrika_callbacks");

</script>

<noscript><div><img src="//mc.yandex.ru/watch/23289193" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<!-- /Yandex.Metrika counter -->


  <!--<img src="{THEME}/images/88х31.jpg"/><img src="{THEME}/images/88х31.jpg"/>-->

  </div>

  <div style="clear: both;"></div>

  </div>

</div>

<div class="fon-login"></div>

<div class="panel-avtoriz">

	<div class="panel-block"><div class="close"></div>

{login}

<div class="left-block-bottom"></div>

</div>

</div>

</body>

</html>

http://validator.w3....=Inline&group=0

Изменено пользователем stas9238
Ссылка на сообщение
Поделиться на других сайтах

Пиши новый ul внутри тега li.


<ul>

<li>1

  <ul>

   <li>2</li>

   <li>2</li>

  </ul>

</li>

<li>1</li>

</ul>

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

Изменено пользователем MMysiv
Ссылка на сообщение
Поделиться на других сайтах

после ссылки "НОВОСТИ КИНО" не закрыт LI

MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона.

p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li

Ссылка на сообщение
Поделиться на других сайтах

после ссылки "НОВОСТИ КИНО" не закрыт LI

MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона.

p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li

Буду знать что 1.0 Transitional требует закрытия всех <li>. Спасибо :)

Ссылка на сообщение
Поделиться на других сайтах

после ссылки "НОВОСТИ КИНО" не закрыт LI

MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона.

p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li

спасибо, стал показывать на 5 ошибок меньше
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...