Javascript Image switch

Hello, I am trying to get the image to switch on a td - table, and reaping x. It is for a navigation bar, I don't know how to have it switching. I hope Im making sense.
I cannot do it in CSS because I can only apply a:hover to an anchor tag and when I do, the repeated image appears only behind the txt, not the whole image.

 

you can use CSS to do this, and it's probably the preferred method of doing so.
In css define:

.navbar a {
background-image : url(/images/foo.jpg);
}

.navbar a:hover {
background-image : url(/images/bar.jpg);
} 

Code (markup):

I have not tested this code. Incidentally if you're still not able to figure it
out, do a search for "CSS Image rollovers" I'm sure you'll find some good
examples.

 

Search for 'onmouseover image swap' and get the codes.

 

Its a repeating image, and I made it work!!! Thanks!!! it worked with css!

.NavButton:hover

HTML:

Now just one more thing, is there a way to hyperlink the entire box (td tag) not just the txt. but really, thanks! I have been trying to figure that out for a while.

 

What if you add the <a href tag around the entire td tag? I typically use divs, in which case I think it'll work.

 

No, that doesn't work at all I found this scrip though, I only understand half of it, but I cannot get it to work. the only thing I changed was the table id in the script, once

http://radio.javaranch.com/pascarello/2005/05/19/1116509823591.html