unclickable: Tabelle mit Hover effekt

Beitrag lesen

Mit weniger Aufwand lässt sich das mit CSS bewerkstelligen:

<html>
<style type="text/css">
<!--
.hin {
background-color:gainsboro;
color:red;
}
.zurueck {
background-color:transparent;
}
-->
</style>
</head>

<body>
<table border="1" width="500">
 <tr>
  <td onMouseOver="this.className='hin';" onMouseOut="this.className='zurueck';">Zelle 1</td>
  <td>Zelle 2</td>
 </tr>
</table>
</body>
</html>

hat den Vorteil, dass du nicht jedesmal die Farbangaben wiederholen musst im td-Container. Und wenn du die Hintergrundfarben ändern willst, brauchst du das nur einmal zu machen: in der Style-Definition.
mfg
Mike