✔ Tabellen: elegante Hover-Lösung

B

breytex

Mitglied
Hallo zusammen!

Habe eine Frage.
Ich hab ne Tabelle in HTML, die ist, sagen wir mal, 10x10 groß.
Wenn ich nun die Zelle mit den Koordinaten 5/5 mit der Maus "hovere", dann soll
die Spalte UND Zeile, in der diese Zelle liegt, die Farbe wechseln.

Sprich 5/n und n/5 sollen alle z.B. blau werden.
Gibt es dafür ne elegante css Lösung?
Mir kommt da nur Javascript in den Sinn, da aber diese Tabelle variable von PHP generiert wird, stell ich mir das ziemlich chaotisch vor.

Hat da jemand was? Nen Ratschlag, oder was fertiges?
Achja: Die ganze Sache sollte in allen Browsern laufen...


lG
Fabian
 
solange ich die Zelle 5/5 hovere, sollen sich nur n/5 und 5/n ändern.
wenn ich 3/3 hovere, dann soll halt 3/n und n/3 die Farbe wechseln.
Quasi wie so ein "Fadenkreuz".

Hat den Hintergrund, dass man deutlicher erkennen können soll, was im Index steht
(index: 0/n und n/0 ).

Sorry, falls das da oben zu unverständlich war.
 
Mit CSS lässt sich da meines Wissens in einem 10x10-Tabellengerüst nichts machen.

mfg Maik
 
Mir würde auch schon, falls es mit css echt nicht machbar ist, eine gute, variable, JS Lösung reichen...
Der Punkt ist nur, die Tabelle ist Variable groß, d.h. statisch darf die Lösung nicht sein :/
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück