Hovereffekt (Zeilenweise)

hi

ich bastel grad an einer seite mit tabellen. um die navigation zu erleichtern möchte ich ein zeilenweiser Hover-effekt einbauen, der die zeile (auf der sich die maus befindet) mit einem hintergrundbild hervorhebt (transparent mit farbverlauf versteht sich ^^).
also jede zelle (td) der zeile soll mit diesem bild hervorgehoben werden und um die gesamte zeile soll ein rahmen in einer bestimmten farbe.

ich hätte das am liebsten mit css gelöst, damit ich später evtl noch stylepacks erstellen kann bzw änderungen leichter zu machen sind.

das problem ist halt das alle zellen der zeile hervorgehoben werden sollen, wenn nur eine markiert ist. und vom zeilenweiten rahmen hab ich auch keine ahnung wie man das realisieren könnte.

hat jemand eine idee wie ich das gelöst bekomme?
danke

Hallo,

also jede zelle (td) der zeile soll mit diesem bild
hervorgehoben werden und um die gesamte zeile soll ein rahmen
in einer bestimmten farbe.
ich hätte das am liebsten mit css gelöst, damit ich später
evtl noch stylepacks erstellen kann bzw änderungen leichter zu
machen sind.

das problem ist halt das alle zellen der zeile hervorgehoben
werden sollen, wenn nur eine markiert ist. und vom
zeilenweiten rahmen hab ich auch keine ahnung wie man das
realisieren könnte.

Firefox + DOCTYPE kann folgende interessante Effekte:
.mytable { border-collapse: separate; border-spacing: 0 }
.mytable tr td { padding: 4px; border:1px solid white }

.mytablerow { color:blue; background-color:yellow; }
.mytablerow:hover { color:white; background-color:red; }
.mytablerow td:hover { color:black; background-color:red; border:1px solid black }
A 1A 2A 3B 1B 2B 3C 1C 2C 3Für alles weitere (u.a. IE/6) kann man nur mit JavaScript weiterkommen.

Grüße

CMБ