Xpoint
   [напомнить пароль]

Как сделать таблицу ссылкой

Метки: [без меток]
2011-09-28 13:52:08 [обр] Виталий[досье]
сообщение промодерировано

Имею следующую конструкцию:

.eshop a {
    border: 2px solid #7FB6BB;
    display: block;
    padding: 5px 0;
}

<td class="eshop" width="135px">
  <a class="special_link" href="...">
    <table width="100%" cellspacing="0" cellpadding="0" border="0">
      <tr><td>Текст</td></tr>
      <tr><td><img src=".../jpg.jpg"></td></tr>
      <tr><td><div>Текст</div></td></tr>
   </table>
</a>
</td>

Во всех браузерах работает, кроме конечно IE. Как сделать чтоб работало во всех версиях IE.

спустя 44 минуты [обр] Илья Cтpeльцын aka SelenIT(12/171)[досье]
Есть в IE такая проблема, когда-то эту особенность таблиц даже использовали как хак для вставки ссылки в ссылку (для чисто CSSного многоуровневого меню). Сходу у меня получилось пофиксить только включив ссылке hasLayout (напр. zoom:1), а таблице задав position:relative; z-index:-1. Правда, так не получается выделить часть текста в таблице, но имхо для <5% аудитории это не катастрофа...
спустя 3 часа 9 минут [обр] Marat Tanalin(10/78)[досье]

Можно персонально для IE по щелчку на таблице вызывать click-обработчик ссылки:

mytable.onclick = function() {
   this.parentNode.click();
}

Кстати, данные в ссылке у вас явно не табличные, поэтому имеет смысл использовать CSS-свойства семейства display: table, а для IE6/7 — эмуляцию display: table, где этот нюанс IE уже учтён.

спустя 45 минут [обр] Marat Tanalin(10/78)[досье]
Хотя, собственно, вам здесь и таблица-то, скорее всего, не нужна. Используйте строчные элементы, и всё.
Powered by POEM™ Engine Copyright © 2002-2005