Table cell as link

Clemenza · Mar 19, 2005

Hello,

I have a table for my menu. This table contains menu items as text. Each
td tag contains a separate menu text.
How is it possible (without javascript and making text as image) to make
the whole td cell as link and not only the text?
I tried to put the td cell inside the a tag, but it is not a valid html
sollution.

Any idea?

Thanks!

Steve Pugh · Mar 19, 2005

Clemenza said:
I have a table for my menu.

Why? Doesn't sound like a table to me.

This table contains menu items as text. Each td tag contains a separate menu text.
How is it possible (without javascript and making text as image) to make
the whole td cell as link and not only the text?

table.menu a {display: block;}

replacing 'menu' with whatever classname you've given to your table.

Steve

Nico Schuyt · Mar 19, 2005

Clemenza said:
I have a table for my menu. This table contains menu items as text.
Each td tag contains a separate menu text.
How is it possible (without javascript and making text as image) to
make the whole td cell as link and not only the text?
I tried to put the td cell inside the a tag, but it is not a valid
html sollution.
Any idea?

Something like:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<title>Table cell hover</title>
<style type="text/css" media="all">
table, td{border-collapse:collapse;border:1px solid gray;}
td{vertical-align: top;}
a{display:block;width:100%;height:100%;}
a:hover{background:yellow;}
</style>
<table>
<tr><td><a href="">xx</a></td><td>Text text text text text text
text</td></tr>
<tr><td><a href="">yyyyyy</a></td><td>Text text text text text text
text</td></tr>
</table>

Nico Schuyt · Mar 19, 2005

Nico said:
Something like:
a{display:block;width:100%;height:100%;}
a:hover{background:yellow;}

But, like Steve already mentioned, a table probably is not necessary for the
menu

Only one table shows up with the information	2	Mar 29, 2023
Getting extra blank rows from appending HTML..?	2	Oct 24, 2023
Sort by number of characters	1	Nov 2, 2023
Javascript DOM	1	Mar 29, 2023
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
How to have two html audio players on one page?	0	May 3, 2022

Table cell as link

Clemenza

Steve Pugh

Nico Schuyt

Nico Schuyt

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads