Tabellen Hover

[rene]

Hallo
Ich habe folgende Frage:
Wie kann ich diesen Code:
[code:1]
<td
bgcolor="#666666"
onmouseover="this.style.background='#999999'"
onmouseout="this.style.background='#666666'">
you text here
</td>
[/code:1]
Speziell diesen:
[code:1]
onmouseover="this.style.background='#999999'"
onmouseout="this.style.background='#666666'"[/code:1]

in CSS realisieren?
DIe halbe miete hab ich schon udn zwar:
[code:1]
.navigation A:link, #navigation A:visited {
background-color: #003366;
}

.navigation A:hover, #navigation A:focus {
background-color: #3399FF;
}
[/code:1]

Nur bei diesem wird nur der Link gehovert und nich die ganze Zelle.

Danke schonmal für eure Hilfe

lg

[White]

[code:1]
<style type="text/css">
a {
display:block;
background-color:#999;
color:#fff;
text-decoration:none;
padding:5px;
}

a:hover {
display:block;
background-color:#666;
color:#fff;
text-decoration:none;
}
</style>
<table>
<tr>
<td><a href="#">Erste Zeile</a></td></tr>
<tr>
<td><a href="#">Zweite Zeile</a></td></tr>
<tr>
<td><a href="#">Zweite Zeile</a></td></tr>
<tr>
<td><a href="#">Zweite Zeile</a></td></tr>
</table>[/code:1]
sollte so klappen

[znay]

Man kann auch einfach td:hover machen, allerdings spielt der IE mal wieder nicht mit, daher wirst du wohl verzichten müssen.
Oder mal wieder auf Javascript ausweichen...
Oder du benutzt diese Technik: http://www.xs4all.nl/~peterned/csshover.html

[White]

Hab ihn ja bereits eine Möglichkeit gezeigt.
Funzt auch, zu sehen ist es hier:
http://centralscript.ce.funpic.de/test.htm
Und von JS wollte er, wie ich es jedenfalls sehe, gerade verzichten .

[znay]

Dann schreib das doch bitte mal für eine Tabelle mit mehreren Spalten um, so dass jede Zeile beo hover ne andere Farbe bekommt!

[White]

Znay schrieb:Dann schreib das doch bitte mal für eine Tabelle mit mehreren Spalten um, so dass jede Zeile beo hover ne andere Farbe bekommt!

[code:1]
<style type="text/css">
a {
display:block;
background-color:#999;
color:#fff;
text-decoration:none;
padding:5px;
}

a.hover:hover {
display:block;
background-color:#666;
color:#fff;
text-decoration:none;
}

a.hover2:hover {
display:block;
background-color:#ffc;
color:#fff;
text-decoration:none;
}

a.hover3:hover {
display:block;
background-color:#eee;
color:#fff;
text-decoration:none;
}

a.hover4:hover {
display:block;
background-color:#0000ff;
color:#fff;
text-decoration:none;
}
</style>
<table>
<tr>
<td><a href="#" class="hover">Erste Zeile</a></td></tr>
<tr>
<td><a href="#" class="hover2">Zweite Zeile</a></td></tr>
<tr>
<td><a href="#" class="hover3">Zweite Zeile</a></td></tr>
<tr>
<td><a href="#" class="hover4">Zweite Zeile</a></td></tr>
</table>[/code:1]
bitte schön

[znay]

Dabei wird nur jeweils das jeweilige a Element per hover verändert und nicht die Zeile (tr).
http://znay.de/temp/blub.htm

[rene]

ich wollt aber immer die gleiche farbe *g*
also danke schonmal ich werds ma testen ob ich das so hinbekomm

[White]

Achso falsch verstanden
Naja ist ja auch nicht weiter schwer.

[rene]

SO hat wunderbar geklappt.

Für alle die das so machen wollen wie ich:
DIesen Code in die CSS Datei schreiben:
[code:1].navigation A:link, .navigation A:visited {
display:block;
background-color:#003366;
color:#fff;
text-decoration:none;
}

.navigation A:hover, .navigation A:focus {
display:block;
background-color:#3399FF;
color:#fff;
text-decoration:none;
}[/code:1]

und einfach in der entsprechenden Zelle
<td class=navigation> machen

fertig

Lg und danke nochmal