Making a HTML link of a table cell?

[gus121]

Can you make an HTML link of a table cell i tried this it works in Explorer but not netscape. I dont want to use javascript as i want the search engines to catalog the links is this possible? can i use CSS. will search engines follow the links?

<a href=&quot;test.html&quot;>
<td onmouseover=&quot;this.style.background='#cccccc'&quot; onmouseout=&quot;this.style.background='#F5F5F5'&quot;; class=&quot;synopsis&quot; >
This cell contence....
</td>
</a>

I also tried this but did not work at all:

<td href=&quot;test.html onmouseover=&quot;this.style.background='#cccccc'&quot; onmouseout=&quot;this.style.background='#F5F5F5'&quot;; class=&quot;synopsis&quot; >
This cell contence....
</td>

....Any other ideas?

If I used css div to recreate the table could it be acheived that way?

regards

Angus

 

[ChrisHirst]

Try this
I take you were trying to make the mouseovers affect the whole cell and not just the link?

<table>
<tr>
<td class=&quot;synopsis&quot; onmouseover=&quot;this.style.background='#cccccc'&quot; onmouseout=&quot;this.style.background='#F5F5F5'&quot;>
<a href=&quot;test.html&quot;> This cell contence....</a>
</td>
</tr>
</table>

works for NS6, NS7, IE5.5, IE6 & Opera 6

Chris.


Indifference will be the downfall of mankind, but who cares?

 

[cian]

You can use display:block for the links, something like in this:

http://www.ssi-developer.net/css/menu-rollover-effect.shtml

- É -

http://www.ssi-developer.net

 

[gus121]

The idea is that they can get to the next page without directly clicking on the text as the mouseover javascript gives them the apperence that they can reach the next page without clicking on the text. correct me if i am wrong but this will not achieve that. Unless there is a way of changing the cell background onmouseover onmouseout from the link. thanks Angus

Angus

 

[cian]

Actually you only need to put in a normal text link and specify a large amount of padding or margin!




- É -

http://www.ssi-developer.net

 

[cian]

Actually you only need to put in a normal text link and specify a large amount of padding or margin for the link

for example
a {padding:40px;}




- É -

http://www.ssi-developer.net