Question

I am currently adding non-js functions to my site as some devices are still not able to handle js oder some people shut it off to have the pages loaded more fastly(like slow connections, slow devices like old computers).

So, now I have a problem: I have a page with profiles listed in a <table> an want each <tr> to be linked to a certain profile. To put the links inside the <td> like <tr><td><a>Name</a></td><td><a>Address</a></td></tr> is imo not a good solution as I will have a lot of code and only the text will be clickable.

Also

<a><tr><td>Text</td></tr></a>

Does not work.

Is there any solution without Javascript to realize this?

Thanks in advance
Naymecliff

Answer 1

I’m afraid it’s not possible. You can make the contents of a td element a link, and by HTML5 rules (as well as browser practice), you can make an entire table a link. But then intermediate level, a table row element tr, cannot be turned to a link in HTML.

If you make the content of each td a link, so that the cells of a row point to the same destination, then things work in a sense, but it’s not good usability. It would not be apparent to the user what’s going, since nothing in the appearance shows that the cells of a row are really meant to be one link. Besides, as they are separate links, tabbing becomes awkward.

Depending on the content and nature of the table, perhaps you can choose one column as “primary” in a sense (perhaps with data such as a caption or title, something that might be regarded as row headers), and use ` … for cells in that column only.