Christoph Schnauß: Linkunterstreichungs-Farbe ändern

Beitrag lesen

morgens,

ich möchte via CSS bestimmen, dass alle normalen Links ... in einer anderen Farbe unterstrichen werden als der Linktext

Ähm, kannst du mal differenzieren, was der Unterschied zwischen "normalen links" und "Linktext" ist?

A:link { COLOR: #09296C; text-decoration: none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#3860a5; }

Abgesehen davon, daß ich grundsätzlich kleine Buchstaben empfehlen würde: was hat hier "border" zu suchen? Laß das einfach weg.
Allerdings: du hast mit "text-decoration:none" vorgegeben, daß es gar keine "Unterstreichungen" geben soll. Im Nachhinein hast du dann "border" eingefügt. Mir ist eine solche Konstruktion noch nie begegnet, daher bin ich nicht sicher, ob sie überhaupt etwas taugt. Auf jeden Fall wirst du die "Unterstreichung" nur mit "text-decoration" festlegen können.

Die Unterstreichung des Links ist also eigentlich gar keine richtige Unterstreichung sondern ein unterer Rahmen.

Richtig. Und was hast du (optisch) davon? Machen das alle benutzten Breowser so mit?

Nun habe ich aber das Problem, dass alle verlinkten Bilder innhalb meiner Seite ebenfalls eine Unterstreichung erhalten

Was sind jetzt "verlinkte Bilder", wie hast du deine Bilder verlinkt, wenn nicht mit <a> (Codeschipsel bitte)?

Ich habe versucht, durch Neuzuweisungen der Rahmen aller Bilder diesen Effekt rückgängig zu machen:
IMG { border: 0 }

Was nicht funktionieren kann, wenn für <a> eine andere Formatierung bereits existiert. Du möchtest einen Rahmen auf Null zurücksetzen, der für das angegebene Element gar nicht relevant ist, da er für <a> definiert wurde und nicht für <img>.

Gibt es irgendeine Möglichkeit

Unter Umständen ja. Dazu müßten wir aber deine CSS-Angaben sehen, im Detail. Die wörtliche Beschreibung ist schwer in "Code" zu übersetzen.

Grüße aus Berlin

Christoph S.