Jump to content

Aquarius

Newbie
  • Posts

    2
  • Joined

  • Last visited

Aquarius's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Приветствую, друзья! Столкнулся на днях с серьёзной проблемой - не работают классы у 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; }Кто-то сталкивался с подобной проблемой? Прошу помощи.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy