Question

I’m hoping to make a <td> cell click-able with the link that is inside it. Code:

<td class="block">
    <a href="expansion/r10_01.htm">text goes here</a>
</td>

So when the user clicks anywhere in that cell the link activates rather than just on the text. There are various margins and padding set on the cell that stops the a href from expanding to fill the whole cell. There will also be a lot of cells to apply this to with different links in each one.

As always, any help appreciated.
Thanks.

Answer 1

Two options: Use CSS to set the to fill the table cell so that it will be clicked by the user.

OR:

Use JQuery…

$('.block').click(function() {
  $('a', this).click();
});

This will fire the click event on the link and it will follow its default behavior.