• Страница 1 из 1
  • 1
html вёрстка
SkaZzzz
Дата: Среда, 05.01.2011, 09:49 | Сообщение # 1
молчун
Группа: Проверенные
Пользователь №: 2986
Сообщений: 28
Здравствуйте, помогите с валидатностью вёрстки, я уже что-то совсем запутался.
DOCTYPE:
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML:
Code
<style>#head{width:100%;height:150px;background:url('header.png');background-position:top}</style><a href="/"><div id="head"></div></a>
В общем такая проблема. Знаю что <A> нельзя запихивать в блочную форму, но мне нужно как-то сделать, чтобы была шапка, при нажатии которой, происходит переход на главную. При этом не хотелось бы использовать код <IMG>.
Ах да, при этом шапка растягивалась на всю ширину. :) а высота блока не должна быть выше 150px. :) ну и конечно же проходила валидность на данном DOCTYPE :)
Буду очень благодарен за помощь. :)
  
MegaFill
Дата: Среда, 05.01.2011, 13:22 | Сообщение # 2
шептун
Группа: Проверенные
Пользователь №: 3260
Сообщений: 79
Получено оценок: 8
omg.
тег А в нутрь ДИВа. И даем ему (а) position:absolute; width: 100%; height: 100%; а диву пишем position:relative. Итог - ссылка на весь див.


Мой моушенhttp://vimeo.com/megafill
Креатив http://dailycreative.ru/
Веб разработка и тп http://devshack.ru/
  
SkaZzzz
Дата: Среда, 05.01.2011, 13:40 | Сообщение # 3
молчун
Группа: Проверенные
Пользователь №: 2986
Сообщений: 28
MegaFill, ох благодарю =) выручил.
  
Nigelist
Дата: Четверг, 06.01.2011, 11:16 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
SkaZzzz, а еще можно ссылке задать cтиль и работать с ней как с блоком:
Code
display:block


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Четверг, 06.01.2011, 11:17
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.