How to change table background image on mouseover?

JavaScript
1

how to change table background image(images/new-8.gif) on mouseover?
js or css method

<td width=“214” height=“33” valign=“middle” background=“images/new-8.gif”>content</td>

2

You can do it both ways. Doing it with CSS is better, except then you have to do something to make :hover work on a <td> in IE.

3

could you give exact code of one of the methods that works?

4 
<style type="text/css">
#cell1 {
  width: 214px;
  height: 33px;
  vertical-align: middle;
  background-image: url(images/new-8.gif)
}
#cell1:hover {
  background-image: url(images/new-8-hover.gif)
}
</style>
(...)
<td id="cell1">content</td>

Then add a ‘hover all’ behaviour for IE, e.g. www.xs4all.nl/~peterned/csshover.html.

5

i cannot uderstand what is on that page and what should i do.
Can u help me with complete code?

6

i get it, now works!
Thanks

7

Hello guys - found this thread after googling around alittle…

I’m kind of new to this stuff… Usually I’m just the designer, and someone else does the coding, but with him on holiday I really need your help…

I got this all working fine with Safari, Opera etc, but I don’t get the ‘hover all’-clue for making it work in IE. Could one of you please give me a quick guide on this? Tried to get something sensible out of the site that was linked in a earlier post, but… Well, I really don’t get it :slight_smile:

Hope you guys can help me out in some way…