Hi,
The code below is for a simple menu where the background color changes on mouseover. But I'd also like the text color to change... I'm sure this is very basic but I just can't get it to work, any ideas?
Thanks.
----------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
font-family: Tempus Sans ITC;
}
.cells {
border: 1px solid #333333;
background-color: #66CCCC;
text-align: center;
}
.navlinks {
text-decoration: none;
font-weight: bold;
}
-->
</style></head>
<body>
<table border="0" cellpadding="3" cellspacing="10">
<tr>
<td width="140" class="cells" onmouseover="style.backgroundColor='#FC3'; "onmouseout="style.backgroundColor='#6CC'"><a href="Home" class="navlinks">Home</a></td>
<td width="140" class="cells" onmouseover="style.backgroundColor='#FC3'; "onmouseout="style.backgroundColor='#6CC'"><a href="Music" class="navlinks">Music</a></td>
<td width="140" class="cells" onmouseover="style.backgroundColor='#FC3'; "onmouseout="style.backgroundColor='#6CC'"><a href="Designs" class="navlinks">Designs</a></td>
<td width="140" class="cells" onmouseover="style.backgroundColor='#FC3'; "onmouseout="style.backgroundColor='#6CC'"><a href="Paintings" class="navlinks">Paintings</a></td>
<td width="140" class="cells" onmouseover="style.backgroundColor='#FC3'; "onmouseout="style.backgroundColor='#6CC'"><p><a href="Cards" class="navlinks">Cards</a></p></td>
</tr>
</table>
</body>
</html>
Print Thread
smoot
