Rollover im IE funktioniert nicht, bitte Hilfe

**BLG** · 10.10.2006, 08:09

Code:

<style type="text/css">
a img{
  border-width:0px;
}

a.imgLink:hover img{
  border: 1px solid black;
}
</style>

<a class="imgLink" href="about:blank"><img src="myImage.gif" /></a>

Das mit den Schriftfarben bei einem mouseover kannst du auch mit CSS realisieren!

Code:

a.imgLink:hover{
  color: red;
}

MFG
BLG

**Nikic.** · 10.10.2006, 11:45

Es funktioniert weiterhin nicht.
Die blauen Rahmen sind jetzt zwar weg, aber der Farbeffekt bleibt weiterhin verschwunden.
Noch eine andere Idee?

Danke im Voraus
Gruß
Nicole

**Kropff** · 10.10.2006, 11:51

PHP-Code:


<img src="../_img/_button/home.gif" width="160" height="32" alt="Startseite"

 onmouseover="this.style.color='red';" onmouseout="this.style.color='#000099';">

du willst einem bild eine vordergrundfarbe geben? das geht ja wohl nicht.

PHP-Code:


a:hover.imgLink

{

  border: 1px solid black;

}

das funktioniert.

gruß
peter

**Nikic.** · 10.10.2006, 12:05

du willst einem bild eine vordergrundfarbe geben? das geht ja wohl nicht.

Im Firefox geht es schon. Dort bekomme ich einen roten Rand wenn ich mit der Maus drüberfahre. Und genau das wollt ich ja haben.

a:hover.imgLink
{
border: 1px solid black;
}

das funktioniert.
[/QUOTE]
Stimmt, warum auch immer es jetzt funktionieren mag. Sieht aber nicht gut aus, weil der Rahmen größer ist, als das Bild.
Aber immerhin, bin ja schonmal begeistert daß es doch geht.
Nur eine Frage: warum funktioniert mein Quelltext mit FF und mit IE nicht?

Gruß
Nicole

**Kropff** · 10.10.2006, 12:16

Im Firefox geht es schon.

bei mir nicht

Dort bekomme ich einen roten Rand wenn ich mit der Maus drüberfahre. Und genau das wollt ich ja haben.

dann arbeite mit border.

Nur eine Frage: warum funktioniert mein Quelltext mit FF und mit IE nicht?

bei funktioniert es in beiden nicht.

gruß
peter

**Nikic.** · 10.10.2006, 12:37

Hmm,

bei mir wird im FF der rote Rand beim Überfahren mit der Maus angezeigt.
Werde noch ein bisschen tüfteln und mal gucken vielleicht finde ich ja was, was mir gefällt.

Gruß
Nicole

**BLG** · 10.10.2006, 12:57

Hast ja recht, es geht nicht im IE6
Im FF geht es definitiv, wenn nicht überprüf nochmal den Quelltext,
denn es muss nicht 'a:hover.imgLink' sonders 'a.imgLink:hover' heißen!

Wenn es unbedingt in beiden gehen muss kann ich nur diesen Vorschlag machen: (im IE 6 getestet!)

Code:

<style>
a img{
  border:1px solid blue;
}
</style>

<script type="text/javascript" language="JavaScript">
  function changeBorer(el, col){
    el.style.border = "1px solid "+col;
  }
</script>

<a id="myLink" class="imgLink" href="about:blank">
  <img onmouseover="changeBorer(this, 'red')" 
  onmouseout="changeBorer(this, 'blue')" src="myImage.gif" />
</a>

Ich empfehle aber trotzdem meinen ersten Vorschlag, denn im IE7
wird dieser auch funktionieren und schließlich soll der ja noch diesen
Monat mittels automatischem Update kommen!

also:

Code:

<style>
a img{
  border-width:0px;
}

a.imgLink:hover img{
  border: 1px solid red;
}

a.imgLink img{
  border: 1px solid blue;
}
</style>

<a class="imgLink" href="about:blank">
  <img src="myImage.gif" />
</a>

**Nikic.** · 10.10.2006, 13:22

Hurra, es geht

Danke für eure Hilfe.
Nu sehen beide Browser gleich aus.

Gruß
Nicole

Rollover im IE funktioniert nicht, bitte Hilfe