Элемент div как ссылка

[Alexey_Balu]

Всем привет. Меня попросили скопировать дизайн сайта дизайнерской мебели, сайт сделан во flash, я делаю его в HTML.Вот ссылка на этот сайт

Я решил начать с меню, вернее с подменю - блоки с ч/б фото, при наведении указателя на которые они становятся цветными, это мне удалось реализовать, но как сделать так что бы весь блок был ссылкой? Вот мой дэмо сайт где вы можете посмотреть то что получилось и посмотреть код.

И вообще правильно ли поступил засунув фото в div ? может правильне было таблицу сделать?

[wwt]

чтобы сделать блок ссылкой придется использовать javascript и конкретно событие onclick

document.getElementById("myDIV").onclick = function(){
   window.location.href = document.getElementById("myA").href;
}

Что-то вроде такого.

Но мне такой подход не нравится. Я бы лучше тогда саму ссылку сделал блочным элементом или инлайнблоком

[Alexey_Balu]

Не java script точно не катит, а как с самого начала сделать div ссылкой?

[mrnobody]

Можно блок обернуть в <a> ... </a>

[Alexey_Balu]

  On 10/7/2012 at 11:15 AM, mrnobody said:

Можно блок обернуть в <a> ... </a>

А поможете конкретно на моём коде сделать ссылку из div'a

 
 <div class="block1">

  <span class="fixing-vertical-align">
    <img align="middle" border="0"  width="1">
    </span>
   <a href="http://postpunk81.narod.ru/" class="rollover">
   </a><a class="text">Освещение</a>

Edited October 7, 2012 by Alexey_Balu

[DownHouse]

  On 10/7/2012 at 11:15 AM, mrnobody said:

Можно блок обернуть в <a> ... </a>

Нельзя, это невалидно.

Вместо дива ставите а, и пишете ему display:block;

[Alexey_Balu]

  On 10/7/2012 at 1:44 PM, DownHouse said:

  On 10/7/2012 at 11:15 AM, mrnobody said:

Можно блок обернуть в <a> ... </a>

Нельзя, это невалидно.

Вместо дива ставите а, и пишете ему display:block;

так в <a> же нельза изображение вставить и текст одновременно

[SelenIT]

  Quote

нельзя, это невалидно.

Невалидно спать на потолке. А блочные ссылки — удобная фича HTML5.

  Quote

в <a> же нельза изображение вставить и текст одновременно

Можно. В HTML5 в ссылку можно оборачивать практически что угодно, кроме других ссылок и контролов форм.

[Alexey_Balu]

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

Затруднения:

1) Не удается сделать весь элемент ссылкой

2) Текст внизу скачет в разных браузерах

3) Заданный шрифт не правильно отображается в Firefox

Помогите решить их пожалуйста. И вообще правильно ли я поступил сделав в div? как бы вы сверстали эти блоки поделитесь мыслями

[DownHouse]

Вам два варианта уже дали.

Я бы сверстал ссылкой с display:block, внутри картинки и спаны.

Человек с потолка обернул бы див в ссылку.

[SelenIT]

  Quote

Я решил сделать элемент div в него картинку и текст внизу и всё это сделать ссылкой.

Так почему не делаете? Зачем две ссылки внутри, причем одна из них нерабочая?

  Quote

Человек с потолка

всего лишь намекнул на то, что говорить валидность — вещь относительная, и говорить о ней, не уточняя, для какого стандарта, не имеет смысла