Hover bei IMG-Bordern
LAPIS
- css
0 Cheatah0 LAPIS
0 Tobias Kloth
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
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
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ß
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
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