Nur ich war hier wohl mit meiner JavaScript Lösung auf den falschen Wege... Ok dann war meine JavaScript Lösung eine schöne nette Übung.
und davon kann man ja nicht genug bekommen ;-)
Ich wußte auch nicht das ich td mit a:link kombinieren kann ich dachte immer das muss so aussehen: a:link
In selfhtml geht dies auch nicht so deutlich hervor.
http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente
Kannst Du mir evtl. noch einen Link geben wo ich mir das alles nochmals genau nachlesen kann, wo die CSS Techniken genauer erläutert wird.
Das kommt ganz darauf an, was du weißt.
Ein Einstieg ist, alles lesen was in selfhtml steht (ich muss aber zugeben, dass ich auch eher probiere als zu lesen).
Aber vielleicht hilft dir auch das:
http://www.bjoernsworld.de/css/grundlagen.html
http://jendryschik.de/wsdev/einfuehrung/css/
http://css.maxdesign.com.au/index.htm
Ich habe das so ausprobiert und das funktioniert! Und alles total einfach da brauch ich mir auch nun kein Kopf mehr zerbrechen :)
Und in welchen Browsern läuft die Technik? Gehört das zu CSS1 CSS2 oder CSS3 das ist ja auch wichtig oder nicht?
Ohje nach den Spezifikationen darfst du mich nicht fragen (wenn du Lust hast w3c.org ist die Quelle für sowas).
Wie schon gesagt.
td:hover
td:focus
läuft in allen Browsern (die die Pseudoklassen kennen) ausser dem IE
Der workaround mit dem display block ist also lediglich für den IE notwendig, wobei der im IE 4 nicht funktioniert.
Struppi.