Hi,
I have a table in which I would like to change the background image
onMouseOver. I implemented it with CSS but IE doesn't support hovers on
tables, so I'd need to go via JS for IE. Can anyone give me a hint how to
do this?
So far it looks like:
[html]
<tr>
<td class="frontbar"> <a href="#"><img src="images/dot.gif" width="10"
height="22" border="0">Internet Terminals<img src="images/dot.gif"
width="85" height="22" border="0"><br><img
src="images/header_InternetAnywhere.jpg" width="236" height="114"
border="0" class="frontbar"></a></td>
</tr><tr>
<td class="frontbar"> <a href="#"><img src="images/dot.gif" width="10"
height="22" border="0">Internet Terminals<img src="images/dot.gif"
width="85" height="22" border="0"><br><img
src="images/header_InternetAnywhere.jpg" width="236" height="114"
border="0" class="frontbar"></a></td></tr>
[/html]
frontbar is defined as follows which is not working in IE (no hover support
for td's):
[css]
td.frontbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-repeat: no-repeat;
font-weight: bold;
background-image: url(images/orange_title_backgnd.jpg);
}
td.frontbar:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-repeat: no-repeat;
font-weight: bold;
background-image: url(images/orange_title_backgnd_hi.jpg);
}
[/css]
Thank you for some hints 'n suggestions!
I thought about implementing OnMouseOver and OnMouseOut on the tr tag.
--
chEErs roN
I'm root, I'm allowed to do this! ;)
keep on rockin'