Imagelinks in IE 5 funktionieren nicht

[Jingle]

Hallo zusammen,

ich habe ein recht merkwürdiges Problem, die Forumssuche und googlen hat mir leider auch nicht weitergeholfen.

Folgendes Problem:

Ich habe eine Website entworfen HTML/PHP mit MySQL Anbindung.

die Hauptseite (index2.php) besteht bisher nur aus HTML-Code.

Zur Navigation gibt es mehrere Grafiken, deren Position in einer externen CSS-Datei definiert wurden. Als kleine Spielerei bzw. zur Erkennung eines Links sind die Grafiken mittels CSS zusätzlich über "alpha opacity" aufgehellt bzw. werden beim hover normal dargestellt.

Das funkioniert auch soweit einwandfrei mit Mozilla, Opera und IE 6.XXX

Das Problem:
Bei Internet Explorer 5.0 - 5.5 werden die besagten Grafiken nicht als Link angezeigt, wenn ich mit der Maus drüber fahre, funkioniert zwar die CSS-Definition (link,hover,active...) aber der Mauscursor ändert sich nicht zum Pointer (Hyperlink-Cursor) klicke ich auf den Link wird die entsprechende Seite nicht geöffnet.
Öffne ich aber ein Kontextmenü über der Grafik kann ich den Link über "öffnen" ansteuern".

Ich hoffe bis hierhin ist mein Problem noch verständlich.

Dieses Problem kann ich mir aber beim besten Willen nicht erklären.
Mein HTML-Code sieht wie folgt aus:

<div class="XXX"><a href="Ziel.php"><img src="Grafik.jpg" width="89" height="49" border="0"></a></div>

Code-technisch dürfte ja alles soweit einwandfrei sein. Habe auch zum Test einmal die CSS Definitionen rausgenommen und den Link mittels Assistent (Dreamweaver) auf die Grafik gesetzt, leider ohne erfolg.

Habe die Seite auf mehreren Rechnern ausprobiert, bei allen mit den älteren IE-Versionen tritt dieser Fehler auf. Bei allen 6.XXX Version klappt alles reibungslos.

Ich hoffe das mir jemand von euch weiterhelfen kann.

Vielen Dank im Vorraus
Gruß Jingle

[Elya]

Hallo Jingle,

Habe die Seite auf mehreren Rechnern ausprobiert, bei allen mit den älteren IE-Versionen tritt dieser Fehler auf. Bei allen 6.XXX Version klappt alles reibungslos.

Ein Link zum Problem wäre hilfreich.

Gruß aus Köln-Ehrenfeld,

Elya

[Frodo]

Servus !
Ein Blick in den Quellcode sagt meist mehr als tausend Worte.
Ergo : Entweder du setzt einen Link, wo man das mal betrachten kann, oder gibst ein abgespecktes Code-Beispiel, am Besten mit internem CSS-Teil ...
Gruß Frodo ...

[Jingle]

Hi sorry, hier der Link:

http://www.hack.ag

[Elya]

Hallo Jingle,

http://www.hack.ag

kann man auch als "richtigen" Link schreiben: http://www.hack.ag - noch besser wäre http://www.hack.ag/web/index2.php gewesen. Wie man das macht, findest Du unter </faq/#Q-19>

Durch deinen Code blicke ich kaum durch. Ich würde Dir empfehlen, als erstes mal bei

http://validator.projektmedien.de/
und
http://jigsaw.w3.org/css-validator/ vorbeizuschauen und Deine Dokumente zu validieren - da liegt (zumindest beim CSS, html habe ich nicht gecheckt) einiges im Argen. Die Filter gehören natürlich nicht zum Standard, aber die anderen Fehlermeldungen solltest Du abarbeiten.

Eine Konstruktion wie a:hover:visited habe ich z.B. noch nicht gesehen (vielleicht gibt's sie ja, wäre m.E. aber ziemlich exotisch ;-))

Wenn Du damit durch bist und es klappt noch nicht, schau nochmal rein !

Gruß aus Köln-Ehrenfeld,

Elya

[Frodo]

Als kleine Spielerei bzw. zur Erkennung eines Links sind die Grafiken mittels CSS zusätzlich über "alpha opacity" aufgehellt bzw. werden beim hover normal dargestellt.
Das funkioniert auch soweit einwandfrei mit Mozilla, Opera und IE 6.XXX

Die Filter-Technik funktioniert ausschließlich mit IE.
Würde mich wundern, wenn die Mozillas diesen Hover-Effekt verstehen würden, was sie ja auch nicht tun (!?? )

Das Problem:
Bei Internet Explorer 5.0 - 5.5 werden die besagten Grafiken nicht als Link angezeigt, wenn ich mit der Maus drüber fahre, funkioniert zwar die CSS-Definition (link,hover,active...) aber der Mauscursor ändert sich nicht zum Pointer (Hyperlink-Cursor)

IE 5.5 : Aus Pfeil wird Hand (!)

klicke ich auf den Link wird die entsprechende Seite nicht geöffnet.
Öffne ich aber ein Kontextmenü über der Grafik kann ich den Link über "öffnen" ansteuern".

IE 5.5 : Es funktioniert Beides (!)

Habe die Seite auf mehreren Rechnern ausprobiert, bei allen mit den älteren IE-Versionen tritt dieser Fehler auf. Bei allen 6.XXX Version klappt alles reibungslos.

Was die Layer /Fenster anbelangt wird im IE5.5 alles korrekt angezeigt...
Opera zeigt keine Scrollbalken
N7 & Mozilla schreiben Text über die Scrolleisten hinweg ...
Fazit : Nur im IE5.5 funktioniert bei mir alles einwandfrei, mal abgesehen davon, daß sich solche Layer eleganter darstellen lasse, ohne jedesmal eine komplett neue Seite mit Unmengen von Grafiken neu zu laden, was eigenartiger- und unnötigerweise auch beim Schließen besagter Fenster geschieht. Wieso via Link ständig Php-Seiten aufgerufen werden, obwohl die Site doch nur informativen Zwecken dient (??) versteh'ich auch nicht ...
Besser wäre auf div-Layer mit CSS ( visibility,z-index) & Javascript zurückzugreifen.
Mehr kann ich auch nicht sagen ...