Tabellenzellenweiter Hovereffekt

[feyyaz]

Hi, ich bin mir eigentlich sicher das folgendes beispiel mit CSS nicht fuer den IE zu realisieren ist.

doch habe ich da von Sporty gehoert das er mir das macht.
siehe http://html.de/ftopic2628.html

also ziel:
wenn ich mit der maus ueber einer zelle einer tabelle bin, soll sich von der gesamten spalte der hintergrund aendern.

hier ein beispiel wo es im FF und IE funkt, aber mit Javascript. ich haette das jetzt gerne als css version.

 

[Prophet]

Keine ahnugn wie das mit css gehen soll man muss ja schließlich auf das darüber liegende element zugreifen. und der IE unterstützt :hover ja nur bei link...

 

[flapo]

Das ist einer der Hauptgründe, warum ich den IE hasse... Wie gesagt, er kann hover-effekte nur bei Links unterstützen...

Wie ist es eigentlich wenn man <tr> verlinkt? so etwa:

[url="#"]<tr><td>blabla</td></tr>[/url]

Dann kommt aber höchstwarscheinlich die Hand-Maus. Das könnte man aber mit der Cursor-Angabe wieder ändern. (für den IE zumindest)

 

[Prophet]

das ist aber ganz schön böses html...

sehr schlechter stil wenn du das machst eine tabelle darf ausschließlich in den datenzeleln informationen enthalten

 

[flapo]

Klar ist das nicht die elegante Lösung... aber valid kann es nicht funktionieren

 

[Sporty]

Also wie gesagt ich mach dir das mit CSS, siehe hier.
Ich hab das Ganze einfach als Block Element gemacht und im CSS einfach
width:100%; in der Klasse .menulink gemacht habe.

Und wie man sieht, klappt es doch wunderbar....

 

[Fätzminator]

das ist aber ganz schön böses html...

es muss einfach w3c valide sein... ich generiere nur pages, auf denen ich auch dieses tolle "Valid XHTML 1.0 Transitional"-bild einfügen kann :mrgreen:

 

[Anonymous]

Sporty, es funktioniert im Mozilla Firefox, darum ging es aber nicht. Es funktioniert leider nicht im Internet Explorer, sonst wär es doch kein Problem.

Fäziminator, was für ein Bild? Das habe ich noch nie gesehen ^^

 

[Darksoldier7]

das

 

[Fätzminator]

das meine ich

<a href="http://validator.w3.org/check?uri=referer">
    [img]http://www.w3.org/Icons/valid-xhtml10[/img]
</a>

<-- geht aber nich
geht doch

 

[Darksoldier7]

musste noch ein .png anhängen dann schon ;)

 

[Fätzminator]

jo könnte noch sein ;)

 

[Anonymous]

Wo bekommt man diese Bilder her?

 

[Fätzminator]

wenn du deine page auf http://validator.w3.org validierst und das dokument keine fehler hat, kommt eine meldung und diese 2 tags zum includen...
allerdings würe ich nicht "bescheissen"
1. so was wie ne ehrenverletzung ^^
2. jeder kann mit einem klick auf das bild deine site validieren alles (es kommt gleich w3.org und deine site wird validiert)

 

[Anonymous]

Ah, vielen Dank ^^

 

[Fätzminator]

ah ja noch nebenbei gut zu wissen...
es gibt auch noch den css validator, der auch von w3c zu verfügung gestellt wird

 

[Sporty]

Sporty, es funktioniert im Mozilla Firefox, darum ging es aber nicht. Es funktioniert leider nicht im Internet Explorer, sonst wär es doch kein Problem.

Ich weiss ja nicht was für nen Internet Explorer du hast, jednefalls funktioniert es bei mir und an den Rechnern bei meinen Kumpels und in der Schule auch mit IE!
In meinem Script lags nur an dem width:100%, und jetzt gehts, sieht man doch an meiner Testseite....

 

[CrackPod]

man kann ja den link weglassen,...

trotzem wäre das ganz schön kindisch!