✔ Hover auf img anwenden

[versuch13]

Das ist nicht ganz korrekt. Die Pseudoklasse :hover funktioniert laut W3C Empfehlung auch bei anderen Elementen und nicht nur bei Verweisen. Allerdings nicht im IE.

@Microhome: Das ganze liesse sich durchaus mit CSS2 bewerkstelligen. Allerdings funktioniert das dann nicht beim IE: css Code:

1. td:first-child:hover + td img { background-color: red; }

Gruß

Darum ging es mir ja, er will ja dass es im IE läuft.

 

[Microhome]

Ja genau, es soll zu jedem Browser kompatibel sein und nicht über JavaScript laufen. Das muss doch aber irgendwie gehen?! Ist das vielleicht über Listen möglich? Ich möchte doch nur bei hover über den Link die Hintergrundfarbe des entsprechenden Bildes ändern...

 

[deepthroat]

Darum ging es mir ja, er will ja dass es im IE läuft.

Bist du telepathisch? Ich hab das irgendwie nicht aus dem Text von Microhome herauslesen können.

Ohne Javascript kannst du es im IE meiner Meinung nach gleich vergessen.

Gruß

 

[Microhome]

Hab mir mal überlegt, ob das vielleicht mit Grafiken möglich ist, die ich einfach drüber packe die und bei einem hover (mouseover) transparent werden. Habt ihr da eine Idee Bin jetzt schon seit Tagen am Knobeln. Aber möglich muss das doch sein (sorry dass ich so sehr nerve )

 

[deepthroat]

Hab mir mal überlegt, ob das vielleicht mit Grafiken möglich ist, die ich einfach drüber packe die und bei einem hover (mouseover) transparent werden. Habt ihr da eine Idee Bin jetzt schon seit Tagen am Knobeln. Aber möglich muss das doch sein (sorry dass ich so sehr nerve )

Der IE unterstützt die :hover Pseudoklasse wie gesagt nur bei Links. Hinzu kommt noch, das der IE <= 6 die CSS Selektorangaben > und + nicht unterstützt.

Aufgrund dessen würde dir nichts anderes übrigbleiben, als den Text mitsamt deinem Image in einen Link zu packen. Bsp:

<a href="#">Text<img src="#"></a>

Folgende CSS Angaben sollten dann ausreichen:

a:hover img { border: 2px solid red; }

Das funktioniert allerdings nur, wenn der Verweis selbst bei einem Hover auch eine Eigenschaft ändert. D.h. du mußt noch eine (sinnlose) Regel hinzufügen:

a:hover { border: 0px; }

Außerdem muß der Verweis ein href Attribut haben, sonst funktioniert der Hover-Effekt im IE nicht.

Dann müßtest du die Formatierungen für den Link nur noch entfernen und zusätzlich evtl. auch noch die Fokusmarkierung damit es nicht wie ein Link aussieht. Allerdings ist der Link natürlich anklickbar.

Gruß

 

[Microhome]

Jo, dass ich die Links anklicken kann mit href ist ja genau so wie es sein soll. Problem bei dieser Variante ist einfach, dass bei mehreren Links untereinander die Bilder an verschiedenen Stellen sind (eben immer genau hinter den Texten). Sie sollen aber untereinander sein.

 

[Microhome]

ENDLICH! Hab das ganze jetzt über Background-Image gelölst.