make table cell a link [resolved]

[ober0330]

IE lets me make a <td> element into a link. I have text inside the cell and I put the anchor tag outside of the <td></td> and it turns the entire cell into a link. Netscape doesn't like this, however, so I have to put the link on the word only, and now the user has to put the cursor over the word instead of just the cell.

Is there any way around this in Netscape? I want to have the entire cell as a link!

[vbNeo]

You need to push the red button!!

[mendhak]

<td style="cursor:hand;" onClick="document.location.href='whatever.php';">dfkjdf</td>

[ober0330]

Originally posted by vbNeo
You need to push the red button!!

***?

Thanks mendhak.

[CornedBee]

cursor: hand; is invalid and works only in IE. cursor: pointer; is proper CSS, but it doesn't work in IE prior to 6.

The invalid but universal solution is
cursor: pointer; cursor: hand;

As for the other issue, <a> can only have inline content and <td> is a block. It's not allowed to nest td inside a. xlink would offer the solution, but you need proper XHTML for that which IE doesn't support - not that it supports xlink either.

However, you can put an <a> around the whole content of the cell (provided it's only inline content) and give it a display of block. That should make if fill the whole cell.

[ober0330]

Well, I've already switched to the javascript solution... and I did use both pointer types. Thanks anyways. Oh, and I also knew that Netscape didn't like nesting <td> inside of <a> because it is not proper CSS, but IE does it.... grrr... why can't everything work/fail the same!

[CornedBee]

Because some heed the specifications and some don't. Guess who I blame

[ober0330]

I'm with ya... is there any way to file suit against M$ for this? It's causing me temporary insanity and failure to meet personal deadlines therefore resulting in lackluster performance in the workplace. I think it's valid.