Mittwald CM Service: TYPO3-Hosting, TYPO3-Schulungen, Agenturpakete, Managed-Server
Optimiertes TYPO3 Hosting von Mittwald CM Service
FORUM » TypoScript » Barrierefreiheit

farbige Unterstreichungen mit css wurde Beantwortet

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:
Html4strict:Zeilennummerierung:  An / Aus

  1. <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!
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
Html4strict:Zeilennummerierung:  An / Aus

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

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

[Dieser Beitrag wurde 1 mal bearbeitet. Zuletzt am 10.02.2009 um 09:50]
Verfasst am: 10.02.2009 [10:14]
SLAng

[Moderator]
dabei seit: 20.10.2004
Beiträge: 2773
 geht denn das nicht?

Html4strict:Zeilennummerierung:  An / Aus

  1. <u class="color_underline"><h1>TEXT</h1></u>


Html4strict:Zeilennummerierung:  An / Aus

  1. u.color_underline { color:#f00; }
  2. 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:Zeilennummerierung:  An / Aus

  1. temp {
  2.         HEADER = TEXT
  3.         HEADER {
  4.                 field = subtitle // title
  5.                 stdWrap {
  6.                         wrap = <h1 class="header1">|</h1>
  7.                 }
  8.         }
  9. }


Eine class mitgeben.

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

Typoscript:Zeilennummerierung:  An / Aus

  1. content {
  2.         defaultHeaderType = 1
  3.         wrap {
  4.                 header1 = <h1 class="header1">|</h1>
  5.                 header2 = <h2 class="header2">|</h2>
  6.                 usw...
  7.         }
  8. }


Und/Oder den u-Tag dierekt mit rein nehmen...
Nichts wissen ist schlecht, nichts wissen wollen ist eine Katastrophe!
Verfasst am: 10.02.2009 [11:35]
landschaf


dabei seit: 05.03.2005
Beiträge: 68
 Hallo
HAst du es mal mit
Php:Zeilennummerierung:  An / Aus

  1. border-bottom: 1px solid #00f;

probiert statt u. Das eröffnet ein paar mehr Möglichkeiten.[/PHP]
Tschüss Thomas
typo3.tk-studio.de
www.thomaskieslich.net
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.
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!



Impressum  | Kontakt  | TYPO3 Hosting  | TYPO3 Schulungen

  
TYPO3 Hosting in der Version 4.3.2 kostenlos bei Mittwald CM Service testen

TYPO3 4.3.2 jetzt testen

Testen Sie die neue TYPO3 Version 4.3.2 kostenlos für einen Monat


Entwicklerschulungen

  • Espelkamp:
    Mit., 17.03.10 - Fre., 19.03.10
  • Berlin:
    Mit., 21.04.10 - Fre., 23.04.10
  • Köln:
    Mon., 21.06.10 - Mit., 23.06.10