Changed cell background with css?

[The_Walrus]

is there a way to change the cell background of a table with CSS if it is a link?

Basically i would like the contents of the cell to change to an image when hovered, is it possible with css, or do i need to use javascript?

[cg9com]

a combination of both actually.
you could add some mouseover event handlers inside your cell.
and use CSS to customize everything to your needs.
Javascript:
onmouseover="this.className='class2';"
onmouseout="this.className='class';"
CSS:
.class {
css
}
.class2 {
css
}


the javascript can be entered into your <td> cell.
the css, in an external sheet, or in your document inside the <style></style> tags.

[The_Walrus]

thanks i think i will try this method.

[cg9com]

no problem, eventually when it is completely supported, we will be able to use the :hover pseudoclass on most any element.
eliminating the javascript completely.

[redhead]

its supported at least on <td>'s by browsers such as mozilla... but not IE unfortunatley...:rolleyes:

[Bosko]

Originally posted by redhead
its supported at least on <td>'s by browsers such as mozilla... but not IE unfortunatley...:rolleyes:

You can use pseudo-elements on all elements in all browsers except Internet Explorer.

[cg9com]

which is why i said when its "completely supported"

[redhead]

...and rightly so :thumbsup: