В ИЕ7 изображение не кликабельно

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

<div class="product-thumbnail">
<a href="/product-name/">
<div class="thumbnail"><img src="/product-name-m.jpg" alt="Название продукта"></div>
<p>Название продукта</p>
</a>
</div>

Чтобы изображение стало ссылкой и в ИЕ7, надо поставить анкор непосредственно перед самим изображением.

<div class="product-thumbnail">
<div class="thumbnail">
<a href="/product-name/">
<img src="/product-name-m.jpg" alt="Название продукта"></div>
<p>Название продукта</p>
</a>
</div>
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Перейти к верхней панели