[SaMe]

Hallo!

Ich würde gerne einen border von 3px um ein bild legen..
Der Hover soll natürlich eine andere Farbe haben.

Das Problem ist, im content habe ich schon links (das bild ist ein link) hover, active usw. zugewiesen..
Also legt er automatisch eine 1 oder 2px kontur um mein bild die auch beim hover die farbe ändert, genau wie die textlinks.
Allerdings sehe ich diesen effekt nur im firefox, ie legt die normale lilane border drum und opera gar nichts.

Wie kann ich jetzt per css festlegen dass die bilder eine border von 3 px ?
Habs schon im htmlcode versucht mit border="3", da klappts zwar im ff, der ie legt jedoch nur eine 3 px breite lilane kontur ums bild.

[Timo]

geb dem Link von dem Bild eine Klasse oder ID wie dus brauchst und mach speziell für diese Klasse a:link a:hover etc dann klappts

[SaMe]

ich bekomms irgendwie nicht hin..hier mal der quelltext:

#border {
border: 3px solid #207C00;
}

#border a, #border a:visited, #border a:active {
color: #207C00;
}

#border a:hover {
color: #7D7947;
}

<li><a href="believe.html" class="border"><img src="http://xhtmlforum.de/images/refs/believe1.jpg" alt="BELIEVE" /></a></li>

[Timo]

im css schreibst du eine id und im html rufst du eine klasse auf...

[SaMe]

hups, ganz vergessen ^^

naja, das ergebnis ist folgendes: http://www.yup.de/bilder/112007/1194...nt_1_Kopie.jpg

[Timo]

dann geb mit nicht dem link sondern dem bild

<li><a href="believe.html"><img src="http://xhtmlforum.de/images/refs/believe1.jpg" alt="BELIEVE" class="border" /></a></li>

.border {
   border: 3px solid #207C00;
}
.border:hover {
   color: #7D7947;
}

[SaMe]

die 3px border sehe ich jetzt, aber auch nur in der farbe 207C00,
der hover funktioniert nicht..
beim drüberfahren bleibt die farbe gleich..

[fricca]

Welcher Browser? IE < 7 kann nur Links hovern.
edit: jetzt seh ich's ja erst. Bei Timos CSS müsste beim :hover border-color angesprochen werden.
Bei Timos HTML-Schnipsel wäre folgendes möglich:

a:hover img.border { }

Du musst dich mehr mit Selektoren beschäftigen. Selbst wenn du in deinem ersten Beispiel die ID gegen eine Klasse ersetzt, sprichst du kein Element an. Wenn der Link die Klasse hat lautet ein möglicher Selektor a.border:hover

Wie immer gilt: vollständigen Code posten, am besten als Link, keine Schnipsel.
Siehe auch: http://xhtmlforum.de/40080-fuer-frag...twortende.html

[Timo]

ich hab ein copy&paste fehler gemacht!

.border:hover {
   border: 3px solid #7D7947;
}

[fricca]

Timo, auch damit ist IE < 7 nicht zu erreichen.
Es ist in diesem Fall kein Problem, das :hover für den Link anzugeben -- es müssen nur die Selektoren stimmen.