But I do not want to write the color of the onmouseout ([COLOR=”DarkOrange”]#003366[/COLOR]). I would like some script (or if possible css) to change the color back to the original color (#990000).
@rpgfan3233May 22.2008 — #Not in Internet Explorer 6 or earlier, but IE7 and other browsers handle it just fine. As a result, a bit of JS still needs to be applied in IE6 and older (if you care about older versions than IE6). Here is my bit, though I can't really say whether it works in IE6 or not. I'm not very good with JS, but it should do what you need. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>Blah</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<i> </i><!-- the following block targets IE7 and newer as well as all non-IE browsers (excluding IE/mac) --> <i> </i><!--[if gte IE 7]><!--> <i> </i><style type="text/css"> .example { background-color: #003366 } .example:hover { background-color: #990000 } </style> <!--<![endif]-->
@marringiauthorMay 22.2008 — #The thing is, that I have a template page that displays rows of data from a database. Every other row is white and every other row is gray. So I cannot set the color of which the onmouseout should be. I have to set the background color of the onmouseout in this script. Don't I?
@CentauriMay 22.2008 — #You could set the background hover using the css :hover psuedo class on the <td>, and include the suckerfish javascript to apply the hover for IE6[CODE]#tableID td:hover, #tableID td.sfhover { background-color: #990000; }[/CODE]