Question

How to make whole table cell clickable but vertical align text inside it.

Alright it is achievable by making link display:block and setting line height.

But the problem is text may get 2 lines some times. So this way is not solution. Are there any other solution ?

thank you.

Answer 1

You could do this by adding a class to the cell you want to click and hooking this up using jquery such as

<td class="clickable">...</td>

your jquery…

$('.clickable').click(function() {
   alert('Table cell has been clicked');
 });