Zellen-Hintergrund bei Mouseover ändern?
Harald
- css
Hallo,
Man kann ja bei einer Navigation die auf einer Tabelle aufbaut beim überfahren der Zelle die Hintergrund-Farbe ändern, etwa so:
<td onmouseover="style.backgroundColor='farbe'; return true;" onmouseout="style.backgroundColor='andere farbe'; onclick="window.location.href='url beim anklicken der zelle'">
Nun ist meine Frage: Wie kann ich nun beim Überfahren der Zelle auch die Schrift-Farbe etc. ändern.
Per CSS scheint das ja irgendwie nur zu gehen, wenn man über der Schrift ist?!?
Oder gibts da was komplett mit CSS?
Hallo,
du kannst das pseudoformat :hover auch dem <td> element zuweisen was dem ie und anderen älteren browsern nicht so gefällt.
Du kannst aber auch <a> elemente als blockelement darstellen lassen, so die grösse bestimmen und tabellenzellen sozusagen mit demm <a> element ausfüllen.
Gruss, Jan aus Dresden
Danke,
aber wie geht das denn genau mit dem Blockelement?
Ich habe da gerade ein wenig herumprobiert, weiß aber nicht wie das funktionieren soll?
Gruß Harald!
Hallo,
aber wie geht das denn genau mit dem Blockelement?
eigentlich recht einfach:
http://css.fractatulum.net/sample/hov2format2.htm
sinniger weise kann man das auch über eine id machen welche man dem <table> element gibt um die einzelnen klassen zu sparen.
die reine css formatierung hat auch noch den forteil, dass du den onklick kram nicht benötigst.
Gruss, Jan aus Dresden
Dankeschön - hast mir sehr geholfen!!!
Hallo
Ich habe sowas auf meiner Site realisiert und dafür auch ein wenig geübt (in Tat und Wahrheit waren's Stunden). Hier das fertige Praxisbeispiel: http://www.nak-badragaz.ch. Und hier habe ich mal den Lösungsansatz beschrieben: http://www.nak-webmaster.de/modules.php?name=News&file=article&sid=64&mode=thread&order=0&thold=-1. Hoffe, es hilft Dir weiter.
Gruss
René