Создание строки таблицы для ссылки с определенным классом CSS

Question

В настоящее время я использую сценарий для всплывающего окна, где при нажатии на ссылку появляется красивое графическое всплывающее окно.Моя проблема в том, что в текущей форме это текстовая ссылка, которая работает нормально.Но я хочу, чтобы вся строка, являющаяся строкой, в которой находится ссылка, была доступной и открывала всплывающее окно, а не просто ссылку.

Некоторые скажут, что я должен использовать какую-то команду onlick какого-либо вида, но моя проблема в том, что моя текущая ссылка определяется как:

<a href="#?w=400" rel="popup1" class="poplight">Link</a>

И я понятия не имею, как добавить rel и класс в команду onclick для строки fx.Так есть ли какой-нибудь умный способ сделать это?

Answer 1

Вы можете использовать этот трюк, чтобы сделать целую ячейку ссылкой

, просто добавьте текст, который вы хотите связать, в <div> и установите ширину и высоту 100%

HTML:

<td><a href="#"><div>link</div></a></td>

CSS:

td>a>div {width:100%; height:100%}

Вы можете увидеть пример в JSfiddle (второй ряд): http://jsfiddle.net/w8W4L/