Bildrahmen & Farbe wechseln

[Martina]

Ich hätte gern, dss die ahmen meiner Bilder die Farbe wechseln, wenn man mit der Maus drüberfahrt. Klappt auch ganz super in Safari und Firefox - nicht aber im Internet Explorer!

Mein Ansatz:

...<a href="blablabla.htm" style="color:#FFFFFF; " onMouseover="this.style.color='#65BEE5';" onMouseout="this.style.color='#FFFFFF';" ><img src="cufflinks.gif" width="200" height="145" border="1"></a> ...

Hat wer eine Ahnung wo da das Problem ist?
Funzt auch nicht wenn ich onmouseover etc. statt inden href tag in den img tag verschiebe ... auch nicht wenn ich ids zuweise ...

z.B.
.... <a href="blablabla.htm"><img name="22" id="22" src="cufflinks.gif" width="200" height="145" border="1" onMouseover="this.style.color='#000000'" onMouseout="this.style.color='#FFFFFF'" style="border-color:#FFFFFF;"></a> ....

Thanx & lg

[Stefano Albrecht]

Hallo Martina ;~)

In solchen Fällen sind meistens Probierarbeiten angesagt!
Aber Du könntest statt this.style.color mal this.style.borderColor versuchen. In CSS ist das Attribut color meines Erachtens lediglich der Schriftfarbe gewidmet.

Weiterhin einen romantischen Abend
Stefano Albrecht

[MudGuard]

Hi,

In CSS ist das Attribut color meines Erachtens lediglich der Schriftfarbe gewidmet.

Dein Erachten ist aber irrelevant.
Initial value für border-color (und die 4 Einzel-Eigenschaften) ist der Wert der color-Eigenschaft des Elements.

cu,
Andreas

[Gernot Back]

Hallo Martina,

du brauchst für derartige Rahmenhover-Animationen kein JavaScript, das geht auch mit reinem CSS, wenn es für den IE auch dort mal wieder einer Extrawurst bedarf. Im IE hat die Eigenschaft Color bei Links nämlich nicht wie bei sonstigen Elementen nur mit dem Text, sondern tatsächlich auch mit der Rahmenfarbe zu tun:

http://forum.de.selfhtml.org/archiv/2005/1/t98991/#m604592

Gruß Gernot