Linkfarbe bei Bildern

[Andrea]

Hallo Leute,

ich hab ein kleines CSS-Problem, wofür ich leider keine Antwort gefunden hab, obwohl's bestimmt irgendwo steht.
Ich habe für Links folgende CSS-Anweisungen definiert (Ausschnitt aus dem CSS-Bereich):
...
    a { borderstyle: none; }
    a:link { font-weight:bold; color:black; text-decoration:none }
    a:visited { font-weight:bold; color:black; text-decoration:none }
    a:hover { font-weight:bold; color:#B9005C; text-decoration:underline }
    a:active { font-weight:bold; color:black; text-decoration:underline }
    a:focus { font-weight:bold; color:black; text-decoration:underline }
...

Wenn ich nun aber ein Bild verlinke, erhält das den blauen Standardrahmen, welcher nach Anklicken lila wird. Ich möchte aber, dass das Bild zunächst einfach einen schwarzen Rahmen (nicht fett) hat und dass die Rahmenfarbe, wenn man (wie bei den normalen Links) mit der Maus drüberfährt, #B9005C (ebenfalls wie bei den Textlinks) wird.

Könnt ihr mir bitte sagen, was ich dazu in den obigen Abschnitt (oder einen anderen neuen Abschnitt?) dazuschreiben muss?

LG, Andrea

[Peter Deng]

Hi andrea,

ich bezweifel daß es überhaupt funktioniert, mit Links geht das auf jeden Fall aber mit den Bildern, glaub ich nicht. Da muß ich Dich enttäuschen.

[Michael Wronna]

hallo andrea,

ich bin ja auch nicht so gut in englisch :-( was
heisst eigentlich cascading in css ? ;-) ( nicht boese
gemeint ) liebe gruesse vom bodensee,

michael

[Andrea]

Hi Michael,

ich bin ja auch nicht so gut in englisch :-( was
heisst eigentlich cascading in css ? ;-) ( nicht boese
gemeint ) liebe gruesse vom bodensee,

michael

hm, ich muss gestehen, dass ich nun nicht genau weiss, was du meinst!
Deckt sich deine Antwort mit der von Peter, dass diese Anwendung in CSS überhaupt nicht machbar ist?
Ich hätte gedacht, es wäre irgendwas wie
    a { borderstyle: none; }
    a:image { font-weight:bold; color:black; text-decoration:none }
    a:visited { font-weight:bold; color:black; text-decoration:none }
    a:hover { font-weight:bold; color:#B9005C; }

(so in etwa ;-) - aber hab dazu keine Informationen gefunden)
LG, Andrea

[Ingo Turski]

Hi,

Ich hätte gedacht, es wäre irgendwas wie
    a { borderstyle: none; }

bestimmt nicht. wo hast Du "borderstyle" blóß aufgeschnappt? ;-)

a { font-weight:bold; color:black; text-decoration:none; }
a:hover { color:#B9005C; text-decoration:underline }
a:active, a:focus { text-decoration:underline }
a img { border:1px solid black; }
a:hover img { border-color:#B9005C; }

freundliche Grüße
Ingo

[Andrea]

Hi,

a { font-weight:bold; color:black; text-decoration:none; }
a:hover { color:#B9005C; text-decoration:underline }
a:active, a:focus { text-decoration:underline }
a img { border:1px solid black; }
a:hover img { border-color:#B9005C; }

danke Ingo, genau das hab ich gemeint! :-)
Funktioniert prima! :-)

LG, Andrea

[Michael Wronna]

hallo andrea,

ich war etwas zu hart und versuche nun einen konstriktiven
beitrag zu schreiben. ungetestet:

a { border: none; font-weight: bold; color: black; }
a:link, a:visited { text-decoration: none; }
a:hover { color: #B9005C; text-decoration: underline; }
a:active, a:focus { text-decoration: underline; }
a img { boder: none; }

erneuter gruss, michael

[Peter Deng]

a img { boder: none; }

wenn dann boRder :) nur so als Tip...

oder einfach bei <a href="test.htm" ><img src="../images/login.gif" border="0"></a>

Gruß
Peter

[Christoph Schnauß]

hallo Andrea,

Ich möchte aber, dass das Bild zunächst einfach einen schwarzen Rahmen (nicht fett) hat und dass die Rahmenfarbe, wenn man (wie bei den normalen Links) mit der Maus drüberfährt, #B9005C (ebenfalls wie bei den Textlinks) wird.

Du mußt bloß für die links, die du für Bilder verwendest, eine neue Klasse erstellen. Wie das geht, findest du unter anderem in http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen und Beispiele dafür kannst du auch http://aktuell.de.selfhtml.org/artikel/css/mouseover/index.htm entnehmen.

Grüße aus Berlin

Christoph S.