Bild rahmen bei drüber gehen

rafa · #1 (**permalink**) 20.07.2009, 02:05

Abend,

Kann mir jemand sagen, wie es möglich ist, das wenn man über ein Bild geht. Sprich mit dem Mausezeiger, das Bild ein Rahmen bekommt?

Sprich genau so wie in Arabiz | The First Arabic Network Worldwide
Da sind auf der Rechten Seite die letzten 10 USER angezeigt die sich regristriert haben.

LG

Crizzo · #2 (**permalink**) 20.07.2009, 02:10

HTML-Code:

<a href=""><img src="" .... /></a>

Code:

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

Das Ganze kannst du dann natürlich noch anpassen.

Geht natürlich auch ohne <a>.

Code:

img:hover {
border: 1px solid #000000;
}

Allerdings können das die alten Browser nicht und so kannst du es auch nicht verlinken.

rafa · #3 (**permalink**) 20.07.2009, 02:22

danke dir. Wenn ich über ein Bild gehe kommt zwar der Rahmen aber das Bild wackelt dann so... Also das wird dann ganz bissien größer.

Das kann man doch sicher abstellen oder?

rafa · #4 (**permalink**) 20.07.2009, 02:49

Weißt du was ich meine? oder hab ich mich falsch ausgedrückt?

cebito · #5 (**permalink**) 20.07.2009, 06:53

Zitat:

Zitat von rafa

danke dir. Wenn ich über ein Bild gehe kommt zwar der Rahmen aber das Bild wackelt dann so... Also das wird dann ganz bissien größer.

Das kann man doch sicher abstellen oder?

Mit Rahmen ist das Bild 2px breiter, deshalb "wackelt" es. Du kannst es so abstellen:

Code:

a img {
border: 1px solid #FFFFFF; /* in deiner HG-Farbe*/
}
a:hover img {
border: 1px solid #000000;
}

Crizzo · #6 (**permalink**) 20.07.2009, 13:20

Mhm. Ich ging einfach davon aus, dass ihm das Box-Modell und damit dieser Effekt klar ist.
Cascading Style Sheets { Grundlegendes : Box-Modell }

@1:49-Beitrag: Schon, aber ich bin einfach nicht mehr online gewesen.

rafa · #7 (**permalink**) 20.07.2009, 14:58

danke !!!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bild mit Rahmen aus Bild	Holger (HMR)	CSS	3	21.05.2008 13:55
IE7- & IE6-Probleme bei Bild und Rahmen...	Ragnaroek	CSS	2	21.04.2008 16:02
Verflixter Rahmen um ein Bild	Webelix	CSS	6	22.07.2007 13:32
Rahmen mit Abstand um ein Bild	butterhead	CSS	11	07.12.2005 18:48
Rahmen um ein Bild (jpg, png, gif) ziehen	Don Stefano	CSS	8	30.07.2005 22:42