Can you hyperlink a td.......

....rather than text or an image?

Anyone know if this is even possible? Please let me know if so

Cheers

Matt

Not technically.

But you can hyperlink text or an image (perhaps invisible?) inside a td and use CSS to count the entire cell as a link.

there is text in the Td, but I didn't want to hyperlink the text, but the whole td. Hmm not sure what to do.........

<td onclick="window.location='http://www.google.com'">Google</td>I must stress though this is not search engine friendly. You could style the link as a "block" with "display:block;"

...thank you very much. Theres no issue with search engines as it is an internal website only. What do you mean by block?

Thats what I meant about using CSS. It effectively turns the whole cell into a link.

HTML -


<td class="nav">
<a href="whatever.php">Clean Rooms</a>
</td>



Stylesheet -


.nav a {
display: block;
}


... and whatever other styles you want.

I use this a lot to have the whole cell background colour change when the cell is mouseovered.

If you style the text with no decoration, and standard coloring, and block the link, the text will look the same, yet the whole <td> will be the link.

thank you all for your assistance.

Matt

.nav a {
display: block;
}

If the table cell is taller than the text you'll need to specifically set the height (or top/bottom padding) to make sure that the anchor area expands to fill the cell vertically too.

e.g.
.nav a {
display: block;
height: 100%;
}

Just a heads up. :)

And the width, presumably...

No you don't have to do that. Elements with display:block as style automaticly fill the entire width, such as a div.