CSS Change background of a cell with a link?

Is it possible to change the background of a cell when you hover over a link?

I know you can use images but I was thinking you could maybe do something like

a:hover {color: #BD0303; text-decoration: underline ; td { background: white}}

Is there an easy way of doing this?

 

I've got an effect like the one you've described on my website ngaming*co*uk, but it changes the cell background image rather than background color.

In IE it only shows up when hovering over the link, whereas in Firefox it changes when hovering over any part of the table cell.

 

Check out ala's taming lists article, really good it is - scroll down 'til you see the blue menu system - that's a good way to try css for button effects

 

Ive found a guy who's done it,

http://archivist.incutio.com/viewlist/css-discuss/19293

Thats the URL if anyones interested.

------------

Thanks for that Lever. That's a great menu system

 

You can check out my weddings site - www.bkweddings.com

There is a css menu system on the upper left, and mouseover hovers on the right in the sidebar. It's all css based and works the same across browsers as far as I know.

 

The only way to do that is with some js. Much the way the link in Weirfire's post suggests.

 

I dont think so.

It's done using CSS. There's absolutely no JS involved. Where did you think it was javascript?

 

Simplified version:

<td onmouseover="this.className='cell_over';" onmouseout="this.className='cell_out';" bgcolor="#000000">

add this to your CSS:

.cell_over { BACKGROUND-COLOR: #ffffff}
.cell_out { BACKGROUND-COLOR: #000000}

Edited: Oops - I just visited and read the link Wiers post - already says all of this

 

That's Great Azakers! I'm always happy to tidy up my code in any way I can. Sometimes I tidy too much and have a huge list of includes(PHP) and then I have to start tidying my includes.