✔ border=1 bei mouseover

[phamez]

Hallo!

Gibt es die Möglichkeit, dass bei mouseover über ein bild ein rahmen um das bild erscheint? Und man die Farbe des Rahmens definieren kann?

Vielen Dank!

 

[GodWar]

1. Falsche Section
2. So: onMouseOver="style="border:10px #FF00FF solid""

 

[Gumbo]

Falls die Grafik zufällig Inhalt eines a-Elements ist, kannst du die CSS-Pseudo-Klasse :hover benutzen.

 

[Mark]

Hi!

Muß das mittels Javascript sein?
Bin kein Experte, aber einfacher wäre über CSS, zum Beispiel per

img { border:none; }
a:hover { border:1px solid #f00; }

Liebe Grüße,
Mark.

//edit: ...aber da ist ja bereits ein Experte

 

[Gumbo]

Verbesserungsvorschlag:

img {
	border: 1px solid transparent;
}
a:hover img {
	border-color: #f00;
}

 

[phamez]

<a href="messebilder/big01.jpg" target="_blank" onMouseOver="style="border:10px #FF00FF solid"" onMouseOut="style="border:0""><img src="messebilder/big01small.jpg" width="140" height="100" border="0"></a>

funktioniert nicht....

a:hover im CSS style funktioniert auch nicht....

 

[Mark]

Hi!

Auf selfhtml findest Du gute Erklärungen, wie Stylesheets definiert werden

Liebe Grüße,
Mark.

 

[Gumbo]

Godwars Vorschlag ist auch vollkommener Humbug, da eine HTML-Attributsauszeichnung als Attributwert verwendet werden soll.

Allerdings funktioniert Folgendes bei mir ausgezeichnet:

<style type="text/css">
img {
	border: 1px solid transparent;
}
a:hover img {
	border-color: #f00;
}
</style>

<a href="messebilder/big01.jpg" target="_blank"><img src="messebilder/big01small.jpg" width="140" height="100"></a>

 

[Maik]

Ich schieb' den Thread mal ins entsprechende CSS-Forum

 

[phamez]

das problem ist, bei der variante bekommt jedes bild auf der seite ein rand... und dann verschiebt sich alles.... ich brauch was das nur ein bestimmtes bild betrifft.