nicht angemeldet
Hallo,
Hab ein Problem mit CSS
Ich hab eine bildergalerie bei der bilder einen rahmen haben.
Die bilder sind verlinkt. Der Rahmen sollte eine farbe haben die für links in einer Externen datei definiert ist.
Leider wird die Farbe nur bei Text links verwendet und nicht bei den bilderlinks, warum?
Auszug aus deiner style.css:
a:active { text-decoration:underline; color:#0000aa; font-weight:plain; }
a:link { text-decoration:underline; color:#0000ff; font-weight:plain; }
a:visited { text-decoration:underline; color:#00aaff; font-weight:plain; }
a:hover { text-decoration:underline; color:#FF0000; font-weight: plain; }
1. Die Reihenfolge der Pseudeoklassen ist festgelegt.
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
2. Es gibt einen Unterschied zwischen Textfarbe (color) und Rahmenfarbe (border-color):
http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm#border_color
3. Die Rahmenfarbe des Bildes im Element a erbt nicht unbedingt die Rahmenfarbe des Elements a. Das solltest Du explizit angeben:
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
Hier bin ich mir nicht 100%ig sicher.
a:link {text-decoration:underline; color:#0000ff; font-weight:plain;}
a:link img {border:2px solid #0000ff;}
a:visited {text-decoration:underline; color:#00aaff; font-weight:plain;}
a:visited img {border:2px solid #00aaff;}
a:hover {text-decoration:underline; color:#FF0000; font-weight: plain;}
a:hover img {border:2px solid #FF0000;}
a:active {text-decoration:underline; color:#0000aa; font-weight:plain;}
a:active img {border:2px solid #0000aa;}
viele Grüße
Axel