Search the Community
Showing results for tags 'валидация вёрстка'.
Found 1 result
-
Приветствую, друзья! Столкнулся на днях с серьёзной проблемой - не работают классы у 2 элементов. Соответственно к ним не применяются стили. HTML-валидатор в этих местах фиксирует ошибки: Line 17, Column 54: Attribute сlass not allowed on element form at this point. Line 27, Column 27: Attribute сlass not allowed on element div at this point. Собственно код: HTML <!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" type="text/css" href="style.css"><title>Анкета CSSSR</title></head><body><div class="wrapper"> <span class="csssr-logo"></span> <span class="stamp"></span> <div class="content"> <h1> ДЕЛО</h1> <form method="post" сlass="top" action="/"> <p>Полное ФИО<input name="" type="text"></p><br> <p>Год рождения<input name="" type="text"></p><br> <p> Место жительства<input name="" type="text"></p><br> <p>Скайп<input name="" type="text"></p><br> <p>Почта<input name="" type="text"></p><br> <p>Выпускник htmlacademy.ru Да<input name="" type="radio"> Нет<input name="" type="radio"></p> </form> <h2>Практические навыки</h2> <p>* Отметьте только те технологии и типы задач, с которыми вы хорошо знакомы. Отсутсвие опыта отнюдь не означает, что у вас меньше шансов стать нашим сотрудником. Это означает, что вы будете получать те задачи, с которыми гарантировано будете справляться.</p> <div сlass="bottom"></div> </div> </div></body></html>CSS /* Сбросы*/*{ padding: 0; margin: 0;}img{ border: 0;}/* Стили для body*/body{ background: #797979; width: 100%;}/* Стили для wrapper*/.wrapper{ background: url(pattern.jpg); margin:0 auto; width: 90%; min-height:500px; position:relative; overflow:hidden;}.csssr-logo{ position: absolute; top: 4%; left: 3.6%; height: 51px; width: 143px; background: url(img/img-left.png) no-repeat;}.stamp{ position: absolute; top:3.1%; right:5%; height: 106px; width: 253px; background: url(img/stamp.png) no-repeat;}.content{ /*background: grey;*/ min-height:300px; margin: 13% 9.5% 0;}.content h1{ margin:0 auto; text-indent: 9999px; background: url(img/delo.jpg) no-repeat; width: 217px; height:111px;}.top_form{ margin-top: 28px;}.bottom{ background:#F00; min-width: 100px; min-height: 100px; }Кто-то сталкивался с подобной проблемой? Прошу помощи.
