Подскажите из за чего код не валиден

[weffer]

Когда вставляю в статьи на блоге код оформления для списков, он у меня задан в css через стиль .box4 и .box5 код страницы сразу становится невалидным.

Вот пример страницы с такими списками - http://comp-on.ru/proverka-sayta-na-uyazvimosti-i-virusyi/

Там один жёлтый и один зелёный список. Как сделать чтобы код оформления этих списков был валидным? Вернее это оформление можно не только к спискам применять, но и к обычному тексту например.

Edited November 3, 2012 by weffer

[Alex Shnayder]

Так у вас и все остальные страницы невалидны. Валидатор же не просто количество ошибок выводит, но и даёт описание для каждой из них. Читайте, исправляйте.

[weffer]

  On 11/3/2012 at 6:28 PM, Alex Shnayder said:

Так у вас и все остальные страницы невалидны. Валидатор же не просто количество ошибок выводит, но и даёт описание для каждой из них. Читайте, исправляйте.

да я знаю что кроме этого ошибки ещё есть. просто хотел для начала разобраться именно с этой. описание ошибок читаю но ничего исправить не могу, так как не понимаю что нужно исправлять. объясните мне как по описанию в валидаторе исправляются ошибки. был бы очень благодарен.

[IIAIIIA]

Чтобы успешно пройти валидацию проделайте следующие шаги:

1. Закройте теги изображений и добавьте атрибут alt вот так <img src="..." alt="..." />

2. Закройте теги инпутов <input ... />

3. Тип вашего документа XHTML, он не поддерживает атрибуты data-... для дивов. Можно, конечно, поменять на тип документа html5, но возможно где-нибудь что-то поедет в верстке.

[weffer]

  On 11/4/2012 at 6:39 AM, IIAIIIA said:

Чтобы успешно пройти валидацию проделайте следующие шаги:

1. Закройте теги изображений и добавьте атрибут alt вот так <img src="..." alt="..." />

2. Закройте теги инпутов <input ... />

3. Тип вашего документа XHTML, он не поддерживает атрибуты data-... для дивов. Можно, конечно, поменять на тип документа html5, но возможно где-нибудь что-то поедет в верстке.

1. ничего не понимаю. alt я и так добавляю ко всем изображениям. все теги избражений img у меня закрыты, по крайней мере в исходном коде страницы я не вижу открытых. ткните мне пальцем где на странице или вообще на сайте не закрыт тег или у картинки не прописан alt.

2. теги инпутов у меня выглядят примерно так везде -

<input type="text" value="Поиск по сайту" name="s" id="s" onblur="if (this.value == '') {this.value = 'Поиск по сайту';}" onfocus="if (this.value == 'Поиск по сайту') {this.value = '';}" /> 
<input type="image" src="http://comp-on.ru/wp-content/themes/Gracia/images/search.gif" style="border:0;" align="top" /> 

это они закрыты или не закрыты?

3. data-... для дивов - даже не знаю тогда что делать с ними. попробую убрать плагины которые используют этот атрибут.

а на счёт оформления списков почему они не валидны так ничего и не сказали.

Edited November 4, 2012 by weffer

[SelenIT]

  Quote

Можно, конечно, поменять на тип документа html5, но возможно где-нибудь что-то поедет в верстке.

Только зазоры под картинками могут появиться. Но это моментально лечится через img { vertical-align: bottom; } и еще кучей способов.

Вообще поменять доктайп на HTML5 будет честнее, чем маяться ерундой со слешами в <img>, на которые браузерам чихать с высокой башни.

Вот один <input> на приведенной странице (в форме подписки) действительно не закрыт (нет ">") и из-за этого проглотил следующий <label>, превратив его в кучу невалидных атрибутов...

[weffer]

  On 11/4/2012 at 4:56 PM, SelenIT said:

Только зазоры под картинками могут появиться. Но это моментально лечится через img { vertical-align: bottom; } и еще кучей способов.

Вообще поменять доктайп на HTML5 будет честнее, чем маяться ерундой со слешами в <img>, на которые браузерам чихать с высокой башни.

Вот один <input> на приведенной странице (в форме подписки) действительно не закрыт (нет ">") и из-за этого проглотил следующий <label>, превратив его в кучу невалидных атрибутов...

это вы имеете в виду вот этот код в самом низу страницы? -

<input type="submit" style="margin: 0 0 0 2px;border:1px solid #cccccc; /*text-transform: lowercase;*/ background: #DD4B39 url('http://comp-on.ru/wp-content/uploads/2012/07/gmail.png') no-repeat 1px 1px; padding: 0 0 0 20px; cursor:pointer; /*font-weight:bold;*/ -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; color:#ffffff;" value="Подписаться">

скажите, а как мне поменять доктайп на HTML5?

Edited November 4, 2012 by weffer

[Kray Storm]

  On 11/4/2012 at 6:22 PM, weffer said:

скажите, а как мне поменять доктайп на HTML5?

Да это-то просто. Заменить ваше

<!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" dir="ltr" lang="ru-RU">

на

<!DOCTYPE html>

Не примите за самоутверждение или стеб. Но правда - скажите, а как люди умудряются сделать сайт со стилями, скриптами, повесить его на хостинг, иногда прицепить формы с обработчиками...

А потом в комментах задают вопросы из серии "Как вставить картинку?", "Как изменить ссылку", "Сдвинуть кнопку на 10px" ну и подобное.

Просто я совсем недавно на форуме и полный ноль в верстке, но уже успел таких вопросов увидеть достаточно.

Поделитесь секретом - где же я торможу? Чувствую, глядя на такое, что уже пора забацать пару годных сайтиков, но чего-то не хватает )

[weffer]

  On 11/4/2012 at 10:59 PM, Kray Storm said:

Да это-то просто. Заменить ваше

<!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" dir="ltr" lang="ru-RU">

на

<!DOCTYPE html>

а не обманываете? а то я заменю а потом вообще поисковики сайт перестанут воспринимать.

  On 11/4/2012 at 10:59 PM, Kray Storm said:

Не примите за самоутверждение или стеб. Но правда - скажите, а как люди умудряются сделать сайт со стилями, скриптами, повесить его на хостинг, иногда прицепить формы с обработчиками...

А потом в комментах задают вопросы из серии "Как вставить картинку?", "Как изменить ссылку", "Сдвинуть кнопку на 10px" ну и подобное.

Просто я совсем недавно на форуме и полный ноль в верстке, но уже успел таких вопросов увидеть достаточно.

Поделитесь секретом - где же я торможу? Чувствую, глядя на такое, что уже пора забацать пару годных сайтиков, но чего-то не хватает )

ну так стили и скрипты это вам не вёрстка. в скриптах и стилях нет ничего сложного, их каждый школьник знает. говорят недавно ребёнок родился и первое что он прокричал - "пропишите стиль для заголовка, бл..ди!", увидев надпись "добро пожаловать" в роддоме.

вот такие феномены пошли.

а вы говорите вёрстка.

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

Edited November 5, 2012 by weffer

[FEL]

  On 11/5/2012 at 1:53 AM, weffer said:

а не обманываете? а то я заменю а потом вообще поисковики сайт перестанут воспринимать.

Зачем кому то Вас обманывать? Откройте любой сайт на html5 и посмотрите доктайп.

[SelenIT]

  On 11/4/2012 at 6:22 PM, weffer said:

это вы имеете в виду вот этот код в самом низу страницы?

Нет, имею в виду строчки 373-374 исходника страницы по ссылке в первом сообщении:

	<p style="clear: both;" class="subscribe-to-comments">
	<input type="checkbox" name="subscribe" id="subscribe" value="subscribe" style="width: auto;" checked="checked"
	<label for="subscribe">Оповещать меня о новых комментариях на почту</label>
	</p>

  Quote

а то я заменю а потом вообще поисковики сайт перестанут воспринимать.

Поисковикам вообще плевать на доктайп. Единственное назначение доктайпа в HTML5 — перевести браузеры в стандартный режим отображения. Поэтому доктайпы HTML 4.x Strict и XHTML 1.x Strict, вообще-то, тоже являются валидными доктайпами HTML5 . Но зачем писать больше, если ни для кого, кроме валидатора, нет разницы?

[weffer]

ну в общем понятно. всем спасибо. буду пробовать.