TYPO3-Testaccount
Testen Sie die aktuelle TYPO3 Version 4.4.2 kostenlos und unverbindlich für einen Monat!

jetzt testen

Schulungen

jetzt buchen

farbige Unterstreichungen mit css


Autor Nachricht
Verfasst am: 09. 02. 2009 [19:22]
MB76
Themenersteller
Dabei seit: 24.09.2008
Beiträge: 33
Hallo,
wie kann ich einen text mit einer anderen farbe unterstreichen.
das ganze funktioniert mit html so:
HTML
<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!
Profil
Verfasst am: 10. 02. 2009 [09:50]
MB76
Themenersteller
Dabei seit: 24.09.2008
Beiträge: 33
alternativ könnte es evtl auch reichen, wenn man über TS den teil
HTML
<span style="color: blue">______h1________ </span>

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

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 10.02.2009 um 09:50.]
Profil
Verfasst am: 10. 02. 2009 [10:14]
SLAng
Moderator
Dabei seit: 20.10.2004
Beiträge: 2773
geht denn das nicht?

HTML
<u class="color_underline"><h1>TEXT</h1></u>


HTML
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:
TYPOSCRIPT
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:

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


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

Nichts wissen ist schlecht, nichts wissen wollen ist eine Katastrophe!
ProfilWWW
Verfasst am: 10. 02. 2009 [11:35]
landschaf
Dabei seit: 05.03.2005
Beiträge: 68
Hallo
HAst du es mal mit
PHP
border-bottom: 1px solid #00f;

probiert statt u. Das eröffnet ein paar mehr Möglichkeiten.[/PHP]

ProfilWWW
Verfasst am: 10. 02. 2009 [11:51]
MB76
Themenersteller
Dabei seit: 24.09.2008
Beiträge: 33
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.
Profil
Verfasst am: 10. 02. 2009 [13:51]
SLAng
Moderator
Dabei seit: 20.10.2004
Beiträge: 2773
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.

Nichts wissen ist schlecht, nichts wissen wollen ist eine Katastrophe!
ProfilWWW