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