---
title: "Div Elemente \"Content Layout\" ein CSS Style hinzufügen"
url: "https://www.typo3.net/d/116100-div-elemente-content-layout-ein-css-style-hinzufuegen"
source: "typo3.net"
tags: ["Allgemein","Frage","Inhaltselemente","TYPO3 4.x","Templates & Layouts"]
created: "2013-09-24"
last_reply: "2013-09-24"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Div Elemente "Content Layout" ein CSS Style hinzufügen

Allgemein · 0 Antworten · gestartet 2013-09-24

## Eröffnungsbeitrag

**suther** · 2013-09-24 · [Beitrag #1](https://www.typo3.net/d/116100-div-elemente-content-layout-ein-css-style-hinzufuegen/1)

Ich habe ein ContentLayout ergänzt:

```typoscript
TCEFORM.tt_content {
 layout {
   addItems.5 = TextBox Übersichtsseite
 }
}
```

und dann via TS bestückt:

```typoscript
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
  key.field = layout
  // kopieren des Standard-Verhaltens
  1 < tt_content.stdWrap.innerWrap.cObject.default
  2 < tt_content.stdWrap.innerWrap.cObject.default
  3 < tt_content.stdWrap.innerWrap.cObject.default
  #TeaserBox gray-Bg
  4 < tt_content.stdWrap.innerWrap.cObject.default
  5 < tt_content.stdWrap.innerWrap.cObject.default
  

  // Hinzufügen der eigene Klasse zum Wrap
  1.30 = TEXT
 # 1.30.value = csc-default special-content
  1.30.value = ><div class="Box_XL">|</div></div>
  
    // Hinzufügen der eigene Klasse zum Wrap
  2.30 = TEXT
  2.30.value = ><div class="Box_L">|</div></div>
  
  3.30 = TEXT
  3.30.value = ><div class="Box_S">|</div></div>
  
  4.30 = TEXT
  4.30.value = ><div class="marginal">|</div></div>
  
  #Übersichtsseite 
  5.30 = TEXT
  5.30.value = ><div class="TeaserPage">|</div>
}
```

Von Interesse ist nun im 2. TS der Bereich für die Übersichtsseite (5).
Dies gibt mir auf der Ausgabeseile folgenden SourceCode aus:

```html
<div class="TeaserPage">
   <div class="csc-textpic csc-textpic-intext-left-nowrap">
      <div class="csc-textpic-imagewrap csc-textpic-single-image"><a href="index.php?id=7&amp;L=1"><img src="typo3temp/pics/835f4e082c.jpg" width="465" height="225" alt=""></a></div>
      <div style="margin-left:475px;">
         <div class="csc-textpic-text">
            <div class="csc-textpicHeader csc-textpicHeader-26">
               <h4>Erste Wahl: Ihr Partner</h4>
            </div>
            <div>
               <p class="bodytext">Viele Ersatzteile für ältere Fahrzeuge sind noch...</p>
            </div>
         </div>
      </div>
   </div>
   <div class="csc-textpic-clear">
      <!-- -->
   </div>
</div>
```

Es wird nun der Inhalt in einen umschließenden DIV mit Class *TeaserPage* umschlossen. Meine Frage: Ist es möglich. dem Text und Bild umschließenden DIV jeweils eine eigene CSS-Klasse hinzuzufügen?

---

Quelle: „Div Elemente "Content Layout" ein CSS Style hinzufügen“, typo3.net, https://www.typo3.net/d/116100-div-elemente-content-layout-ein-css-style-hinzufuegen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.