Tobias Kloth: Bilderrahmen beim Überfahren mit css verändern

Beitrag lesen

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

--
Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|