Possible to hover over one object & format another object?

[may1hem]

Hi, I have a couple of images in cells of a table, as well as some text in another table cell.

I want the text to change colour when I hover over an image. Is this possible? Can CSS change the formatting of an object that it doesn't directly apply to?

Also, how can I make the whole table clickable and point to the same link? I tried the code below but only the border of the table is clickable.

---------------------------
<a class=&quot;class1&quot; href=&quot;myLink.html&quot;>
<table>
<tr>
<td><img src=&quot;image1.jpg&quot;></td>
</tr>
<tr>
<td>This is my content text.</td>
</tr>
<tr>
<td><img src=&quot;image2.jpg&quot;></td>
</tr>
</table>
</a>
---------------------------

Any ideas?

Thx,
May

 

[jammer1221]

This is possible but would deffiently take alot of work...I know there are scripts for highlighting a table but You should post in a Javascript forum
Jammer1221

 

[may1hem]

Thanks for your suggestion but I'm looking for a non-JavaScript solution to this.

Can anyone else help?

Thx,
May

 

[jammer1221]

Why would you not want to use Javascript...its a client side programming language so if the user has IE 3+ or NN 4+ the user should be able to view your page in javascript...if you would like some help with the javascript post back here with exaclty what you want
Jammer1221

 

[Vragabond]

Understandably, your code works nicely in Mozilla (1.4) and Opera (7.22) but not in IE (6). Again, the CSS solution for changing the appearance of table cells in the table-link is working in the above browsers, IE will however require some javascript. There's nothing else I can do to help you.

<style>
a:link td,
a:visited td { background: red; }
a:hover td { background: blue; }
</style>

<a href=&quot;[URL unfurl="true"]http://www.google.com&quot;>[/URL]
 <table border=&quot;1&quot; width=&quot;500&quot;> 
  <tr> 
   <td>row 1, col 1</td>
   <td>row 1, col 2</td>
  </tr>
  <tr> 
   <td>row 2, col 1</td>
   <td>row 2, col 2</td>
  </tr>
  <tr> 
   <td>row 3, col 1</td>
   <td>row 3, col 2</td>
  </tr>
 </table>
</a>

 

[ChrisHunt]

I take it you're trying to produce a CSS-powered button, with images acting as the left and right ends. If so, you might be able to adapt the &quot;Sliding doors&quot; technique set out in

http://www.alistapart.com/articles/slidingdoors2/

.

-- Chris Hunt

http://www.extracon.com

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk