Can someone help me setup my HTML page so that I can have a user rollover a TD, which would change the background color of the TD from White to Orange (and back on mouseout?) I appreciate your help.
I am using the csshover.htc file "as is" from <!-- m --><a class="postlink" href="http://www.xs4all.nl/~peterned/csshover.html">http://www.xs4all.nl/~peterned/csshover.html</a><!-- m -->
Here's the code I have:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mosaic</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"csshover.htc" type="text/x-component" />
<style type="text/css">
<!--
BODY {
background-color: #E6EBD1;
margin: 0;
padding: 0;
behavior:url("csshover.htc");
}
TABLE.mosaic TD {
background-color: White;
border: 0;
padding: 2px;
margin: 0;
width: 50px;
}
TABLE.mosaic TD:hover {background-color: #DC4C13; }
-->
</style>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0" class="mosaic">
<tr>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"stories/alpert.html"><img src="images/th_alpert_off.gif" width="50" height="50" border="0" /></a></td>
</tr>
</table>
</body>
</html>You maybe better off using Vladdy's version (<!-- m --><a class="postlink" href="http://www.vladdy.net/Demos/iepseudoclassesfix.html">http://www.vladdy.net/Demos/iepseudoclassesfix.html</a><!-- m -->)
The td has an anchor so no fix is required here.
I am using the csshover.htc file "as is" from <!-- m --><a class="postlink" href="http://www.xs4all.nl/~peterned/csshover.html">http://www.xs4all.nl/~peterned/csshover.html</a><!-- m -->
Here's the code I have:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mosaic</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href=http://www.webdeveloper.com/forum/archive/index.php/"csshover.htc" type="text/x-component" />
<style type="text/css">
<!--
BODY {
background-color: #E6EBD1;
margin: 0;
padding: 0;
behavior:url("csshover.htc");
}
TABLE.mosaic TD {
background-color: White;
border: 0;
padding: 2px;
margin: 0;
width: 50px;
}
TABLE.mosaic TD:hover {background-color: #DC4C13; }
-->
</style>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0" class="mosaic">
<tr>
<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"stories/alpert.html"><img src="images/th_alpert_off.gif" width="50" height="50" border="0" /></a></td>
</tr>
</table>
</body>
</html>You maybe better off using Vladdy's version (<!-- m --><a class="postlink" href="http://www.vladdy.net/Demos/iepseudoclassesfix.html">http://www.vladdy.net/Demos/iepseudoclassesfix.html</a><!-- m -->)
The td has an anchor so no fix is required here.