Make entire cell a link

Hi,

thanks for your post, and sorry for the trouble.

No, this is not directly possible. In HTML, a link must be a link, but you can then e.g. use JavaScript to trigger an automatic click on that link, when a cell is clicked. This will require some JavaScript, similar to the one from this thread: https://www.ads-software.com/support/topic/make-row-clickable?replies=30

Regards,
Tobias

Would something like this work? (Link and code below)
(https://alt-web.com/DEMOS/CSS-Clickable-Table-Cells.shtml)

table.prod {
width: 600px;
border-collapse:collapse; border:none;
}

.prod a img {
border:none;
float:left;
padding-right:12px;
}

.prod td {
width:200px;
border: 1px solid #000
}

.prod td p {
margin:0;
line-height: 1.2em;
font-size: 16px;
}

/**here’s the magic part**/

.prod td a {
display:block;
height:7em; /**adjust height in ems as required**/
text-decoration:none;
}

/**link states**/

.prod td a:link {color: #000}

.prod td a:visited {color:#666}

.prod td a:hover, .prod td a:active, .prod td a:focus {
background-color:#CCFF00
}

HTML Code

<table class=”prod” cellspacing=”0″ cellpadding=”0″>

<tr>
<td><p><img src=”your-image.png”/>Some link text goes here</p></td>

<td><p><img src=”your-image.png”/>Some link text goes here</p></td>

<td><p><img src=”your-image.png”/>Some link text goes here</p></td>

</tr>

<tr>
<td><p>Some link</p></td>
<td><p>Some link</p></td>
<td><p>Some link</p></td>

</tr>

</table>

Hi,

yes, this could also work. It’s basically just increasing the size of the actual link, so that it appears to cover the entire table cell.

Regards,
Tobias