Dirk: Unterschiedliche Funktionalität bei Grafik als Verweis

Hallo allerseits,

ich habe aktuell ein Problem, bei dem ich aus eigener Kraft einfach nicht weiterkomme.

Bei der Site "http://www.fruehe-mehrsprachigkeit.info" möchte ich grafische Verweise auf jeder Seite zur jeweils entsprechenden Seite in Englisch (bzw. Deutsch) einrichten.

Die Codezeile:

<a href="index_en.html" target="_self"><img src="bilder/usa.gif" id="logo" alt="Switch to English language" width="36" height="18"></a>

wird im IE 6.0 auch problemlos umgesetzt, im Firefox 2.0.0.4 hingegen tut sich bei mouse-over leider gar nichts (weder Verlinkung noch Anzeige des Alt-Textes)

Habe es auch mit dem "Umweg" über's Internet versucht:

<a href="http://www.fruehe-mehrsprachigkeit.info/index_en.html" target="_self"><img src="bilder/usa.gif" id="logo" alt="Switch to English language" width="36" height="18"></a>

aber das Ergebnis ist leider das gleiche...

Ich kann mir nicht erklären, warum ausgerechnet der Firefox diese (imho korrekte Codezeile nicht richtig interpretiert.

Möglicherweise sehe ich ja den Wald vor lauter Bäumen nicht, aber ich hoffe, ihr habt hierzu eine Idee.. ?

Herzlichen Dank für kompetente Unterstützung und Grüße,

Dirk

  1. <a href="index_en.html" target="_self"><img src="bilder/usa.gif" id="logo" alt="Switch to English language" width="36" height="18"></a>

    wird im IE 6.0 auch problemlos umgesetzt, im Firefox 2.0.0.4 hingegen tut sich bei mouse-over leider gar nichts (weder Verlinkung noch Anzeige des Alt-Textes)

    Ich schätze mal Du meinst den Tooltip der bei Mouseover eingeblendet wird?!
    Wenn ja musst Du da title="..." verwenden, alt ist - wie die Bezeichnung schon sagt - der alternative Text fürs Bild. Der MSIE ist wieder mal falsch, der zeigt den alt-Tag an...

    1. Ich schätze mal Du meinst den Tooltip der bei Mouseover eingeblendet wird?!
      Wenn ja musst Du da title="..." verwenden, alt ist - wie die Bezeichnung schon sagt - der alternative Text fürs Bild. Der MSIE ist wieder mal falsch, der zeigt den alt-Tag an...

      Hi Jo-Bob,

      vielen Dank für Deinen Hinweis. Habe ihn schon in die Tat umgesetzt und jetzt funktioniert's wie es soll ;)

      Schönen Abend noch,
      Dirk

  2. <a href="index_en.html" target="_self"><img src="bilder/usa.gif" id="logo" alt="Switch to English language" width="36" height="18"></a>

    wird im IE 6.0 auch problemlos umgesetzt, im Firefox 2.0.0.4 hingegen tut sich bei mouse-over leider gar nichts (weder Verlinkung noch Anzeige des Alt-Textes)

    Der Text im alt-Attribut ist auch nicht für die Anzeige gedacht, solange die Grafk selbst angezeigt wird (alt = alternativ, also anstatt, nicht zusätzlich). Was du möchtest, ist das title-Attribut.

    Dass der Verweis nicht als solcher reagiert, liegt an dem Eintrag position:absolute, den du aus mir nicht ganz ersichtlichen Gründen (da weder width noch height angegeben sind) für div#sprache angelegt hast. Durch diese Eigenschaft rutscht das Element aus mir ebenfalls nicht ersichtlichen Gründen um den unteren Außenabstand von div#kopfbereich nach oben, was wohl dazu führt, dass sozusagen die aktive Fläche des Verweises verlustig geht.
    Offensichtlich nicht korrekt, aber nimm' position:absolute raus, dann ist der Fehler zumindest umschifft; die Darstellung leidet davon nicht.

    1. Dass der Verweis nicht als solcher reagiert, liegt an dem Eintrag position:absolute, den du aus mir nicht ganz ersichtlichen Gründen (da weder width noch height angegeben sind) für div#sprache angelegt hast. Durch diese Eigenschaft rutscht das Element aus mir ebenfalls nicht ersichtlichen Gründen um den unteren Außenabstand von div#kopfbereich nach oben, was wohl dazu führt, dass sozusagen die aktive Fläche des Verweises verlustig geht.
      Offensichtlich nicht korrekt, aber nimm' position:absolute raus, dann ist der Fehler zumindest umschifft; die Darstellung leidet davon nicht.

      Hi Knork,

      vielen Dank für Deine Hinweise. Habe sie schon erfolgreich in die Tat umgesetzt und jetzt funktioniert's wie es soll ;)

      Ist doch immer wieder faszinierend, was die Änderung eines Wortes im CSS ausmacht ;)

      Schönen Abend noch,
      Dirk