Hi,
is there any way to make clickable <td> or <tr> tags?
Regards
Javi
views:
108answers:
5Thanks, but imagine i give a padding to my <td> tag. If i move the mouse cursor into the cell you can see clearly that the <td> is not clickable, but just the word "bar"...
2010-10-17 16:01:51
@user, `td { padding: someValue; } td a { display: block; margin: -someValue; padding: someValue; }` You may also want to add `text-decoration: none` to the `td a`.
eyelidlessness
2010-10-17 16:08:54
Thanks! it works perfect!
2010-10-17 16:22:53
+3
A:
To turn non-link tags into links, use @Lie Ryan's answer and put an a into the element.
To be able to link to an element:
Use an a
<a href="#idOfTheElement">Link to the element</a>
and a named point:
<td id="idOfTheElement">contents</td>
David Thomas
2010-10-17 13:53:09
Cool. Is that a new feature? I thought you needed an anchor tag with a name (not just any tag with an id).
Thilo
2010-10-17 13:54:34
@Thilo, it seems to work in all the newer browsers (including IE), but I'm not sure when it was introduced.
David Thomas
2010-10-17 13:55:40
+1
A:
<td>s can have a JavaScript onclick event.
Other than that, putting an <a> into the table cell, and giving it a fixed width to fill the table (you need to make it display: block for that) is the most reliable way.
Pekka
2010-10-17 13:53:13
+1
A:
If I understood correctly what you mean:
<td id="yourcell">Just a useless cell</td>
...
<a href="yourpage.html#yourcell">link</a>
Matteo Italia
2010-10-17 13:53:30