У меня есть таблица данных, и каждая ячейка является ссылкой. Я хочу, чтобы пользователь мог щелкнуть в любом месте ячейки таблицы и заставить их следовать по ссылке. Иногда ячейки таблицы имеют более одной строки, но не всегда. Я использую td a {display: block}, чтобы получить ссылку на большую часть ячейки. Когда есть одна ячейка в строке, которая представляет собой две строки, а остальные - только одна строка, одни вкладыши не заполняют все вертикальное пространство строки таблицы. Вот пример HTML, и вы можете увидеть его в действии здесь http://www.jsfiddle.net/RXHuE/:
<head>
<style type="text/css">
td {width: 200px}
td a {display: block; height:100%; width:100%;}
td a:hover {background-color: yellow;}
</style>
<title></title>
</head>
<body>
<table>
<tbody>
<tr>
<td>
<a href="#" onclick="location.href='http://www.google.com/'; return false;">Cell 1<br>
second line</a>
</td>
<td>
<a href="#" onclick="location.href='http://www.google.com/'; return false;">Cell 2</a>
</td>
<td>
<a href="#" onclick="location.href='http://www.google.com/'; return false;">Cell 3</a>
</td>
<td>
<a href="#" onclick="location.href='http://www.google.com/'; return false;">Cell 4</a>
</td>
</tr>
</tbody>
</table>
</body>