Zum Inhalt springen

farbige Unterstreichungen mit css

Erstellt am 9. Februar 2009 · 5 Antworten · letzte Antwort am 10. Februar 2009

Tags: Frage

MB76 ·

Hallo,
wie kann ich einen text mit einer anderen farbe unterstreichen.
das ganze funktioniert mit html so:

<u style="color: red"> <span style="color: blue"> Text Text </span> </u>

ich möchte aber eine css-formatierung für meine überschrift h1 verwenden. dazu kann ich nicht bei jedem objekt den html-code von hand um span erweitern...
Danke für jeden Tip!

MB76 ·

alternativ könnte es evtl auch reichen, wenn man über TS den teil

<span style="color: blue">______h1________ </span>

um h1 herum "einfügt.
kann jemand den entsprechenden ts-code liefern? danke nochmals...

SLAng ·

geht denn das nicht?

<u class="color_underline"><h1>TEXT</h1></u>
u.color_underline { color:#f00; }
u.color_underline h1 { color:#00f; }

Ansonsten kannst du ja dem h1 (falls es ein marker in deiner HTML-Vorlage ist) auch per:

Setup:

temp {
	HEADER = TEXT
	HEADER {
		field = subtitle // title
		stdWrap {
			wrap = <h1 class="header1">|</h1>
		}
	}
}

Eine class mitgeben.

Oder direkt zugewiesen in den Constants und dann für die Überschrifttypen im CE:

content {
	defaultHeaderType = 1
	wrap {
		header1 = <h1 class="header1">|</h1>
		header2 = <h2 class="header2">|</h2>
		usw...
	}
}

Und/Oder den u-Tag dierekt mit rein nehmen...

landschaf ·

Hallo
HAst du es mal mit

border-bottom: 1px solid #00f;

probiert statt u. Das eröffnet ein paar mehr Möglichkeiten.

MB76 ·

mit border-bottom: 1px solid #00f; wird eine Linie über die gesamte Breite gezogen. Ich hätte aber gerne die Linie auf die Textbreite begrenzt. Das geht imho nur mit Unterstreichungen.

SLAng ·

Nö, das ist so nicht korrekt... h1 zum Beispiel ist ja ein Block element... Aber aus einem block kann man auch ein inline machen... Es kommt also drauf an wie du es formatierst bzw zusammen baust.