Hover bei IMG-Bordern

[LAPIS]

hallo,

ich habe Bildern den Befehl gegeben das unten ein roter Rand erscheinen soll,

img {
 border-bottom-width:1px; border-color:#ff0000 ;
 }

Wie schaffe ich es jetzt das beim Mouseover (hover) der Rand eine andere Farbe haben soll???

img.hover funktioniert nicht, gibt es eine andere Möglichkeit?

Danke für die Hilfe

LAPIS

[Cheatah]

Hi,

img.hover funktioniert nicht,

das würde auch einem <img class="hover"> entsprechen. Du meinst img:hover, was allerdings - obwohl es seit anno 1998 Standard ist - der IE bis heute nicht kann. Wenn Du die Grafik verlinkt hast, nimm

a:hover img

Btw: Weder in HTML noch in CSS existieren Befehle.

Cheatah

[LAPIS]

Hi,

img.hover funktioniert nicht,

das würde auch einem <img class="hover"> entsprechen. Du meinst img:hover, was allerdings - obwohl es seit anno 1998 Standard ist - der IE bis heute nicht kann. Wenn Du die Grafik verlinkt hast, nimm

a:hover img

Btw: Weder in HTML noch in CSS existieren Befehle.

Cheatah

Super, danke!

das mit dem Befehl ist mir nur so rausgerutscht....:o)
wie sagt ihr denn dazu?

Gruß

[Thomas Luethi]

Hallo,

das mit dem Befehl ist mir nur so rausgerutscht....:o)
wie sagt ihr denn dazu?

HTML:
http://www.jendryschik.de/wsdev/einfuehrung/xhtml/syntax.html

CSS:
http://www.jendryschik.de/wsdev/einfuehrung/css/syntax.html

Gruesse,

Thomas

[Tobias Kloth]

Hallo LAPIS,

Wie schaffe ich es jetzt das beim Mouseover (hover) der Rand eine andere Farbe haben soll???
img.hover funktioniert nicht, gibt es eine andere Möglichkeit?

Pseudoelemente fangen mit ':' an img:hover sollte also funktionieren - allerdings macht der IE da nicht mit, da brauchst du js (onmouseover="this.style.borderBottom..." ->http://selfhtml.teamone.de/javascript/objekte/style.htm#style_eigenschaften).

Grüße aus Nürnberg
Tobias