Zum Inhalt springen

Linkformatierung wird nicht übernommen

Erstellt am 23. Januar 2012 · 8 Antworten · letzte Antwort am 23. Januar 2012

Tags: Frage

cherry ·

Hallo,
ich habe innerhalb eines Textes einen Link zu einer externen Seite. Nun habe ich folgende Ausgabe:

<p class="text">Hier steh ein Text und so weiter. Dann kommt dieser Link zur Seite <a href="http://www.externeseite.de" target="_blank">www.externeseite.de</a>. Und hier steht wieder normaler Text.</p>

Dieser Link wird mir aber nicht als formatierter Link ausgegeben sondern erscheint wie der Text.

Die CSS dazu sieht so aus:

a:link { color: #5273c4; text-decoration: underline } 
a:hover { color: #5273c4; text-decoration: underline } 
a:visited { color: #5273c4; text-decoration: underline } 
a:active { color: #5273c4; text-decoration: underline } 

.text {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #707070; text-decoration:none;}
.text a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #707070; text-decoration:underline;}
.text a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #707070; text-decoration:none;}
.text a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #707070; text-decoration:none;}
.text a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #707070; text-decoration:none;}

Wie muss ich es denn nun richtig formatieren?

LuP ·

Hallo,

vielleicht so:

.text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #707070; text-decoration:none;}
.text a:link, .text a:hover, .text a:visited, .text a:active { color: #5273c4; text-decoration: underline }

VG,
LuP

cherry ·

Ja, auch der ist geleert. Es ändern sich alle Link die außerhalb (also z.B. aus einer Extension heraus erzeugt werden), aber leider nicht die, die innerhalb des RTE erzeugt sind.

Julian.​Hofmann ·

Hallo.

Sieht eigentlich richtig und logisch aus. Ich tippe drauf, dass die Ursache woanders zu suchen ist.

Schau mal mit Firebug oder anderem Tool, welche CSS-Formatierung wirklich für den Link greifen.

Viel egrüße
Julian

LuP ·

mit Firebug (Firefox) kannst Du schnell herausfinden, welche CSS-Klasse dafür verantwortlich ist. Dann die unerwünschte Vererbung aufheben oder zusätzliche Klasse hinfügen.

VG,
LuP

cherry ·

D A N K E

Es war die Klasse ".csc-textpic-text". Jetzt habe ich die in meiner CSS-Datei einfach nach meinen Bedürfnissen definiert, und jetzt passt es.