Tabelle rollover effekt

Kawa · 18.03.2004, 17:12

Hallo,,

sorry wegen titel ist echt unglücklich gewählt

also ich war auf der seite http://www.sonium-portal.de
und habe seine navi gesehen ...wenn man da auf den link geht wechselt die gesammte tabellen spalte seine farbe ...

wie mach ich das?

luftdufd · 18.03.2004, 17:44

Hier eine Javascript Lösung

<html>

<body>

<table border="1" width="100%" height="51">
<tr >
<td width="100%" height="45" onMouseOver="this.style.backgroundColor='#CC0000';" onMouseOut="this.style.backgroundColor='#FFFFFF';">Hallo</td>
</tr>
</table>

</body>

</html>

tranc3r · 18.03.2004, 18:04

Hi,

und hier das ganze noch mal in CSS

Das muß in denn Header bereich:

Code:

<style type="text/css">

.link
{
font-family: verdana;
color: #ffffff;
font-size: 12px;
display: block;
}

.link:hover
{
background-color: #0099ff;
color: #000000;
}

</style>

Und hier die fertige Tabelle:

Code:

<table width="200px" height="50px" border="1" cellpadding="0" cellspacing="0">
 <tr>
  <td width="100%"><a href="test.htm" class="link">Test</td>
 </tr>
</table>

So, das sollte eigentlich klappen.

by tranc3r

Stuck Mojo · 18.03.2004, 18:13

@tranc3r: ehh... hast du die Frage gelesen?

tranc3r · 18.03.2004, 18:15

Ehm jo, habs schon bemerkt habs ja auch geändert *gg*

by tranc3r

Kawa · 18.03.2004, 19:04

danke euch =)---

habt super geholfen =)