Zum Inhalt springen

Header eine CSS-Klasse zuweisen

Erstellt am 21. Dezember 2005 · 4 Antworten · letzte Antwort am 21. Dezember 2005

Tags: Frage

acheron2512 ·

Hallo,
ich hatte ein gleiches Posting schon einmal geschickt, aber leider noch keine Antwort. Vielleicht paraphrasier ich das Ganze nochmal:

In meinem Template gibt es eine Inhalts- und eine Teaser-Spalte. Den Inhalt dafür generiere ich über

temp.content = CONTENT
temp.content {
          table = tt_content
          select.orderBy = sorting
          select.where = colPos = 1 bzw. 2
}

Um beide H1-Tags generiert mir Typo dann

<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">

.

Ich bräuchte aber im h1-tag unterschiedliche Klassen. Wie kann man das ändern?

Danke für jegliche Hilfe[/quote]

maik ·

Das ist nicht ganz so einfach, ich würde um die Inhalts- und Teaser-Spalte ein div wrappen.

Darüber kannst du dann die dann unterscheidlich formatieren.

acheron2512 ·

Das hilft mir leider nicht viel. Da liegt schon ein div drumrum, und darin hat die Überschrift h1 und der text p gewrappt. Und da überschrift und fließtext unterschiedlich groß sein sollen, kann ich da nicht einfach dem div eine größe mitgeben.

Andere Vorschläge? #angry#

jenses ·

div.content .csc-header-n1 h1.csc-firstHeader {color:blue}
div.teaser .csc-header-n1 h1.csc-firstHeader {color:red},

oder wo ist das Problem ?? #paralyzed#

Unbekannter Benutzer ·

Das ist nicht ganz so einfach, ich würde um die Inhalts- und Teaser-Spalte ein div wrappen.

Darüber kannst du dann die dann unterscheidlich formatieren.

Das ist grundsätzlich ein guter Vorschlag, aber sofern doch unterschiedliche Überschriften je Spalte benötigt werden ist das nicht weiter problematisch:

temp.stdheader < lib.stdheader
lib.stdheader >

lib.stdheader = CASE
lib.stdheader {
  key.field=colPos
  1 < temp.stdheader
  2 < temp.stdheader
  3 < temp.stdheader
  default < temp.stdheader
}
lib.stdheader.default.10.1.fontTag = <h1>+++|+++</h1>
lib.stdheader.1.10.1.fontTag = <h1>***|***</h1>
lib.stdheader.2.10.1.fontTag = <h1>---|---</h1>
lib.stdheader.3.10.1.fontTag =<h1>...|...</h1>

Viele Grüße
Niki