Hey there,
Can anyone see any obvious problems with my below code? Thanks in
advance.
<html><head>
<style type = "text/css">
.cool{
width: 200px;}
.cool td{
background-color:bisque;
cursor:hand;
font-family: Arial; font-weight:bold;}
.cool td a{
text-decoration: none; color:black;}
.cool td#boxdescription{
background: ivory;
height: 25px; font-weight: normal;}
</style>
<script language = "javascipt">
function movein(which, html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html}
function moveout(which)
{
which.style.background='bisque'
if(document.getElementById)
document.getElementById("boxdescription").innerHTML=' '
else
boxdescription.innerHTML=' '
}
</script>
</head>
<body>
<table class="cool" bgcolor="black" border="1" bordercolor="ivory"
cellpadding="2" cellspacing="0">
<td bordercolor="black" id="choice1" onmouseover="movein(this,'Wide
range of pianos')" onmouseout="moveout(this)">
<a href="#">Pianos</a>
</td>
</tr>
<td bordercolor="black" id="choice2" onmouseover="movein(this,'Choose
a vibrant violin')" onmouseout="moveout(this)">
<a href="#">Violins</a>
</td>
</tr>
<td bordercolor="black" id="choice3" onmouseover="movein(this,'Try a
trumpet')" onmouseout="moveout(this)">
<a href="#">Trumpet</a>
</td>
</tr>
<td bordercolor="black" id="choice4" onmouseover="movein(this,'Bang a
drum')" onmouseout="moveout(this)">
<a href="#">Drums</a>
</td>
</tr>
<tr>
<td bordercolor="black" id="boxdescription">
</td>
</tr>
</table>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
