stas9238 0 Опубликовано: 17 января 2014 Рассказать Опубликовано: 17 января 2014 (изменено) Ребят, не могли бы вы помочь с расстановкой тегов <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 Изменено 17 января 2014 пользователем stas9238 Цитата Ссылка на сообщение Поделиться на других сайтах
MMysiv 30 Опубликовано: 17 января 2014 Рассказать Опубликовано: 17 января 2014 (изменено) Пиши новый ul внутри тега li. <ul> <li>1 <ul> <li>2</li> <li>2</li> </ul> </li> <li>1</li> </ul> Проще говоря, когда у тебя в теге <li> будет больше чем 1 ссылка, нужно заключать в <ul> внутри этого <li>, т.к. ты объявляешь новый список ссылок, а не одной ссылки. По-этому валидатор ругается. Изменено 17 января 2014 пользователем MMysiv Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 17 января 2014 Рассказать Опубликовано: 17 января 2014 после ссылки "НОВОСТИ КИНО" не закрыт LIMMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона. p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li Цитата Ссылка на сообщение Поделиться на других сайтах
MMysiv 30 Опубликовано: 17 января 2014 Рассказать Опубликовано: 17 января 2014 после ссылки "НОВОСТИ КИНО" не закрыт LI MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона. p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li Буду знать что 1.0 Transitional требует закрытия всех <li>. Спасибо Цитата Ссылка на сообщение Поделиться на других сайтах
stas9238 0 Опубликовано: 17 января 2014 Рассказать Опубликовано: 17 января 2014 Автор после ссылки "НОВОСТИ КИНО" не закрыт LI MMysiv, нее не поэтому внутри li можно писать все что угодно это обычный блочный элемент. Ты в принципе правильно сказал, но это не обязательно и просто правило хорошего тона. p.s. если еще чуть подробнее, то там написано что с таким доктайпом должны закрываться все li спасибо, стал показывать на 5 ошибок меньше Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.