Bilderrahmen beim Überfahren mit css verändern

[tato]

Hallo!
Ich möchte erreichen, daß sich der Rahmen zum zugehörigen Bild beim überfahren mit der Maus verändert.

Es soll entweder der Rahmen normal weiss sein und beim überfahren schwarz
oder aber normal schwarz und beim überfahren dashed. Wer kann helfen?

tato

[wahsaga]

hi,

Ich möchte erreichen, daß sich der Rahmen zum zugehörigen Bild beim überfahren mit der Maus verändert.

das geht per CSS ganz bequem mit dem pseudoformat :hover.

da der IE das allerdings immer noch ausschliesslich für links umsetzen kann, obwohl es für so gut wie alle elemente definiert ist, müsstest du dein bild wohl noch in einen link packen, wenn's auch da funktionieren soll.

a:link img { ... }
a:hover img { ... }
...

gruss,
wahsaga

[tato]

Hi wahsaga,

hast du ein Beispiel zur Verfügung? Das Bild soll auch zu einem Link führen.

tato

[wahsaga]

hi,

hast du ein Beispiel zur Verfügung?

in meinem posting war doch schon sowas wie ein beispiel - mit den von dir gewünschten formatierungen darfst du es schon selber befüllen.

Das Bild soll auch zu einem Link führen.

das macht die sache dann ja im IE einfacher.

gruss,
wahsaga

[Tobias Kloth]

Hallo,

Es soll entweder der Rahmen normal weiss sein und beim überfahren schwarz
oder aber normal schwarz und beim überfahren dashed.

Mit der Pseudoklasse hover lässt sich das recht einfach machen:

img { border:2px solid white; }
 img:hover { border-color:black; }

die Rahmenart musst du halt noch anpassen (http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm#border_style) und ggf. das ganze mit einer Klasse kombinieren - nur leider ist der IE zu doof dafür, da müsste dann schon js her:

.schwarzerrahmen { border:1px solid #000; }
 .weisserrahmen   { border:1px solid #FFF; }
 <img src="b_g_rechts.gif" alt="" class="weisserrahmen" onmouseover="this.className='schwarzerrahmen'">

(onmouseout eben noch ergänzen) mit this.className änderst du die css-Klasse des aktuellen Elements.

Grüße aus Nürnberg
Tobias