Webhilfe.info/board

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

[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

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

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 .

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

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

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

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

Achso falsch verstanden
Naja ist ja auch nicht weiter schwer.

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