IE6-Problem Bilder sollen beim überfahren eines Links erscheinen

[Marc]

Hallo zusammen,

folgendes Problem. Auf Kundenwunsch habe ich folgendes mittels CSS umgesetzt:

Beim Überfahren von Listeneinträgen (Leistungen einer Arztpraxis) soll neben den Begriffen ein Bild mit einer Beschreibung erscheinen.

Mal abgesehen, das ich das für keine gute Idee halte (der Kunde ist aber König), habe ich dies mit einem verborgenen <span><img src="bla.jpg"> gelöst, das bei a:hover sichtbar wird.

Es klappt im FF und IE7 und so weiter, aber leider nicht im aktuellen IE6. In diesem netten Browser bleiben die Bilder stehen und überlagern sich gegenseitig.

Schwer zu verstehen? Ich weiß.... - leider ist das online bereits nachzuvollziehen. Bitte sehr:

http://www.drschnicke.de/#Besondere Untersuchungsmethoden

Da es online ist, muss ich schnell für Abhilfe sorgen, bin aber ziemlich ratlos, da diese Methode an anderer Stelle funktioniert (Beispiel unter http://meyerweb.com/eric/css/edge/popups/demo2.html.

Bitte um Hilfe!

Ach übrigens, damit nicht die entsprechenden Hinweise kommen. Die Seite wurde ursprünglich mit Frontpage entwickelt. Zu einem Relaunch versuche ich den Kunden bereits seit geraumer Zeit zu bringen...

Die leider recht vielen HTML-Fehler sollten hiermit nichts zu tun haben.

Viele Grüße,
Marc.

[Thorsten F.]

Hi,

das mit dem <span> kannste erstmal lassen. Hätte ich auch so gemacht, eventuell sogar eher mit einem <div>.
Jetzt würde ich das nicht mit einem a:hover machen, sondern jedem Listeneintrag ein MouseEvent mitgeben.

1. onmouseover: zeige Bild (also bei div: display=block )
2. onmouseout: verstecke das bild (wieder bei div: display=none).

Das sollte funktionieren.

Weiß jetzt nicht genau, ob das display=block und =none auch bei spams funktioniert.

Das musste dann mal ausprobieren, aber generell würde ich das nicht a:hover machen.

So hätte ich das gemacht, d.h. aber nicht, dass meine Lösung besser oder eleganter ist. Das habe ich mir so angewöhnt und fahre damit sehr gut.

Grüße,
Thorsten F.

[Marc]

Hallo zusammen,

Hi,

das mit dem <span> kannste erstmal lassen. Hätte ich auch so gemacht, eventuell sogar eher mit einem <div>.
Jetzt würde ich das nicht mit einem a:hover machen, sondern jedem Listeneintrag ein MouseEvent mitgeben.

1. onmouseover: zeige Bild (also bei div: display=block )
2. onmouseout: verstecke das bild (wieder bei div: display=none).

Das sollte funktionieren.

Dann werde ich es mal versuchen.  Vielen Dank für den Tipp...

Wäre zumindest für den IE eine Übergangslösung...

Viele Grüße,
Marc.