Multiple TD rollever

[Kazan]

Okay, I know this involves CSS as well, but I am assuming that the majority of what I need is Javascript.

Okay, say I have a table that looks like this:
http://www.angelfire.com/comics/kazanart/images/TableCap.jpg

How would I get the Avatar part of the table change background color if I move my mouse over the main part of that particular post, along with that post?

Currently, I have a bit of code that does this for each part:


<table>
<tr>
<td class="Post1"
onMouseover="this.className='PostHover'"
onMouseout="this.className='Post1'">
</td>
<td class="AV"
onMouseover="this.className='AVHover'"
onMouseout="this.className='AV'">
</td>
</tr>
</table>


Thanks in advance, Kazan

[khalidali63]

Take a look at the link below
http://68.145.35.86/skills/javascripts/DisplayTwoImagesClickOver.html

The idea is the same,to hide or display an object,you need to get its reference,and then set its style.visibility proeprty to visible or hidden.

the code in the link above does the exactly the same,