html кликабельная область макета. лучшая практика

Question

Я плохо разбираюсь в HTML-макете, но мне приходится его создавать :) Я хочу сделать большую кнопку на странице, которая реализована в виде сложного HTML-макета с дочерними тегами (возможно - плохая идея). Я могу обработать событие щелчка на граничном элементе с помощью JavaScript, но для этого требуется включить JavaScript. Я могу обернуть граничный элемент тегом "якорь", но в IE

это не работает

Пожалуйста, предложите мне лучший способ реализовать это.

<a href="...">        
        <table>
            <td>                                
                ...
            </td>
            <td>
                ...
                   <table> ... </table>
            </td>       
        </table>

    </a>

Answer 1

Поместите изображение внутри якоря. Изображение может быть прозрачным GIF размером 1х1. Дайте ему размер, равный всему, что вы хотите охватить. Поместите изображение, чтобы накрыть стол. Тогда якорь будет содержать целое невидимое изображение как нечто кликабельное. Это работает, потому что это то же самое, что иметь большое кликабельное изображение, и браузеры поддерживают это.

Answer 2

Как насчет простого JavaScript?

<div style="cursor:pointer;" onClick="javascript:document.location.href='...'><table>...</table></div>

Answer 3

Как насчет размещения всего вашего контента с последующим использованием css для размещения гигантского тега <a> поверх него? Якорь не будет нуждаться в дочерних элементах, они будут братьями и сестрами. Абсолютное позиционирование делает всю область кликабельной. Но убедитесь, что <a> находится на вершине z-порядка.