border-color

[muffez]

Hallo,

mit folgendem Code im Style-Tag müsste ich ja eigentlich erreichen, dass bei MouseOver der Rahmen des Bildes die Farbe wechselt. Nur, das tut er eben nicht.

img { border-style: solid; border-width: 1px; border-color: #ffffff;}
img a { border-color: #ffffff;}
img a:hover { border-color: #999999;}

Hat jemand Ratschläge, wie sich das ändern lässt?

Danke,
muffez

[Gunnar Bittersmann]

img a { border-color: #ffffff;}
img a:hover { border-color: #999999;}

Ist das nicht verrum herkehrt?

<a><img></a>, also a img {}

Gunnar

[Ole]

hi

mit folgendem Code im Style-Tag müsste ich ja eigentlich erreichen, dass bei MouseOver der Rahmen des Bildes die Farbe wechselt. Nur, das tut er eben nicht.

nein, du änderst damit bei links die auf ein bild folgen den rahmen.

img { border-style: solid; border-width: 1px; border-color: #ffffff;}
img a { border-color: #ffffff;}
img a:hover { border-color: #999999;}

Hat jemand Ratschläge, wie sich das ändern lässt?

ja, so
img:hover { border-color: #999999;}

so long
ole
(8-)>

[MudGuard]

Hi,

hi

mit folgendem Code im Style-Tag müsste ich ja eigentlich erreichen, dass bei MouseOver der Rahmen des Bildes die Farbe wechselt. Nur, das tut er eben nicht.

nein, du änderst damit bei links die auf ein bild folgen den rahmen.

Nein.
Der Selektor
x y
bedeutet, daß das y-ELement im x-Element enthalten ist (beliebig tief verschachtelt), also
<x><a><y></y></a></x> oder <x><y></y></x>

Bei
x + y
müßte y direkt auf x folgen:
<x></x><y></y>

Siehe http://www.w3.org/TR/REC-CSS2/selector.html#child-selectors - das mit dem folgenden Element ist direkt der nächste Abschnitt.

cu,
Andreas

[MudGuard]

Hi,

Siehe http://www.w3.org/TR/REC-CSS2/selector.html#child-selectors - das mit dem folgenden Element ist direkt der nächste Abschnitt.

Nicht ganz aufgepaßt - das mit x y ist der Abschnitt 5.5, also kurz vor der verlinkten Stelle...

cu,
Andreas

[MudGuard]

Hi,

mit folgendem Code im Style-Tag müsste ich ja eigentlich erreichen, dass bei MouseOver der Rahmen des Bildes die Farbe wechselt. Nur, das tut er eben nicht.

img { border-style: solid; border-width: 1px; border-color: #ffffff;}
img a { border-color: #ffffff;}

Was soll das werden?

img hat als content EMPTY, kann also niemals ein a-Element enthalten.
Diese border-Farbe wird also niemals zum Einsatz kommen.

img a:hover { border-color: #999999;}

Da schon kein a-Element enthalten sein kann, kann erst recht kein a-Element enthalten sein, über dem sich ein Mauszeiger befindet.

Hat jemand Ratschläge, wie sich das ändern lässt?

Wenn bei MouseOver des Bildes der Bildrahmen geändert werden soll, wäre

img:hover { border-color:#999; }

der richtige Ansatz.
Reicht es, wenn es in Browsern funktioniert, oder soll es im IE auch funktionieren?
Dann mußt Du wohl oder übel doch ein a-Element außenrum packen...

cu,
Andreas