Ändern der Zellenfarbe bei mouseover

[Christian]

Hallo.

Wie macht man denn den Effekt wenn man mit der Maus über eine Zelle <td> fährt dass sich dann die Zellenfarbe ändert?

gruß christian

[Philipp]

Hi

versuch mal das:

<style type="text/css">
<!--

.Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
a:link.Navlink  {color : #808080;}
a:visited.Navlink  {color : #808080;}
a:active.Navlink  {text-decoration: none;}
a:hover.Navlink  {text-decoration: none;}

-->
</style>
<script language = "javascript">
<!--

function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#808080";}

function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";}

function LmUp(path)
{location.href = path;}

//-->
</script>

<table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr><td width="100%" onMouseover="LmOver(this, '#9999FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#9999FF')"
onMouseUp="LmUp('#')" bgcolor="#FFFFFF"><A HREF="#" Class="navlink">  Link</a></td></tr>
</table>

</td></tr>
</table>
<a href="http://www.guistuff.com/"><img border="0" src="http://www.guistuff.com/images/11dot.gif" width="1" height="1"></a>

Gruß Philipp ;-)