timosch: Bilder im IE 6

SELF-Forum

Bilder im IE 6

timosch
– Informationen zu den Bewertungsregeln

Hallo

es geht mal wieder um den IE und seine Eigenheiten:

Ich habe auf meiner Seite zum Sprachenwechsel Bilder(Landesflaggen) als Link gesetzt.
Diese sind grau. Mit :hover über dem Bild möchte ich es farbig werden lassen (ein 2tes farbiges Bild ein-/überblenden). Bilder sind im .gif Format.

Leider will das der IE nicht so ganz verstehen.
Mein Code sieht ungefähr so aus:
<html>..<body>
              <div id="lang">
                  <div id="ger"><a href="/"> </a></div>
                  <div id="eng"><a href="/"> </a></div>
                  <div id="jap"><a href="/"> </a></div>
                  <div id="es"><a href="/"> </a></div>
              </div>
...</body></html>

CSS:
#ger {
  float:left;
  width: 32px;
  height: 30px;
  margin-right: 3px;
  background-image: url(../bgPics/grauDeutsch.gif);
}

div:hover#ger {
  background-image: url(../bgPics/farbeDeutsch.gif);
}
....

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bilder im IE 6

    Der Martin
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich habe auf meiner Seite zum Sprachenwechsel Bilder(Landesflaggen) als Link gesetzt.

    über Sinn und Unsinn von Nationalflaggen als Symbol für Sprachen wurde hier schon oft kontrovers diskutiert; ich halte den Ansatz für nicht sinnvoll und empfehle eher einen Textlink, der die Bezeichnung der Landessprache in der jeweiligen Landessprache enthält, also z.B.

    Deutsch
     English
     Français
     Español
     Nederlands
     Dansk
     usw.

    div:hover#ger {
      background-image: url(../bgPics/farbeDeutsch.gif);
    }

    Dass der IE bis Version 6 :hover nur für Links unterstützt, sollte sich mittlerweile rumgesprochen haben. Und es wäre doch auch kein Problem, die Bilder als Hintergrund der Links (a-Elemente) zu setzen. Wozu hier überhaupt die div-Elemente? Weg damit, sie sind vollkommen überflüssig.

    Natürlich solltest du den Links dann noch etwas Inhalt verpassen, oder sie zu Blockelementen machen und ihnen eine definierte Größe geben.

    Schönen Abend noch,
     Martin

    --
    Die letzten Worte der Challenger-Crew:
    Lasst doch mal die Frau ans Steuer!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln