roll over
0 0 0 
at
0 0 
Gernot Back
roll over
Hallo zusammen,
ich such eine möglichst einfache Lösung, dass
im Falle eines "mouseover" sich die Tabellen- bzw.
Zellenhintergrundfarbe verändert.
Ich habe bereits auch einige Ansätze gesehen, die
Tabellen als Blockelemente definieren, allerdings
grade in komplexeren Tabellen erscheinen mir diese
jedoch recht umständlich.
Ich möchte jeglichen Einsatz von Javascript vermeiden.
Es wäre also sehr nett, wenn mir jemand Lösungsvorschläge oder
am besten gleich links mit code snippets posten könnte.
Vielen Dank schon mal im voraus.
Gruss Alex
-
Hallo!
Mit CSS kannst Du lediglich das aussehen des Elementes steuern, dass der User gerade mit seiner Maus berührt. Sonst brauchst Du Javascript (oder Flash).
habe keine Ahnung, was Du mit "umständlich" meinst, also poste doch mal den gefundenen Code.
Karsten
-
Hi,
danke vorab erstmal für die hilfreichen Antworten.
Mit "umständlich" meine ich, dass ich eine durchaus
komplexe Navigation habe, die sich aus diversen
Tabellen (zum Teil nested) und auch unterschiedlichen
Farben, Bildern die als spacer dienen, etc zusammensetzt. Dementsprechend wäre es
aus meiner Sicht durchaus "umständlich" die
gesehenen Lösungen zu benutzen. (Die Beispiele die ich gesehen habe, haben die Navigation incl "mouse_over"-Effekte komplett
in CSS realisiert)Da ich aber wie bereits eine funktionierende
Tabelle bzw Navigation habe, wollte
ich den Effekt natürlich nur an einigen Stellen implementieren.Trotzdem Danke für die wirklich hilfreichen Antworten,
ich werde mal sehen wie ich weiter verfahre :DGruss Alex
PS Sorry, die links habe ich nicht mehr, aber
wenn ich mich recht erinnere habe ich in google
nach "mouse over table change background color CSS" gesucht :) -
Hallo.
Mit CSS kannst Du lediglich das aussehen des Elementes steuern, dass der User gerade mit seiner Maus berührt.
Zu den wesentlichen Merkmalen von CSS gehört die Fähigkeit, auch untergeordnete Elemente auf diese Weise anzusprechen.
MfG, at
-
-
Hallo,
die Pseudoklasse :hover kennt der IE leider nur für das a-Tag (FireFox z.B. kennt m.E. auch für das td-Tag die :hover-Pseudoklasse).
Für den aktuellen IE kommst Du um JS also nicht herum.
Hier findest Du eine meiner Meinung nach ganz gute Implementierung:
http://www.alistapart.com/articles/tableruler/Grüße,
Mirko
-
Hallo Alex,
ich such eine möglichst einfache Lösung, dass
im Falle eines "mouseover" sich die Tabellen- bzw.
Zellenhintergrundfarbe verändert.Wenn du ganze Zeilen oder ganze Tabellen onMouseover farblich verändern willst, brauchst du für den IE Javascript. Bei einzelnen Zellen geht es auch mit reinem CSS:
http://forum.de.selfhtml.org/archiv/2005/2/t101072/#m620079
cursor:default;würde ich bei den Pseudo-Links ergänzen.Gruß Gernot