---
title: "DCE mit dynamischem CSS im <head>-Bereich evtl. unter Verwendung von VHS (<v:asset.style>) - dynamic content elements"
url: "https://www.typo3.net/d/122908-dce-mit-dynamischem-css-im-head-bereich-evtl-unter-verwendung-von-vhs-vassetstyle-dynamic-content-elements"
source: "typo3.net"
tags: ["Extensions","DCE","Frage","ViewHelper"]
created: "2016-07-26"
last_reply: "2016-07-27"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# DCE mit dynamischem CSS im <head>-Bereich evtl. unter Verwendung von VHS (<v:asset.style>) - dynamic content elements

Extensions · 2 Antworten · gestartet 2016-07-26

## Eröffnungsbeitrag

**Thorsten1508** · 2016-07-26 · [Beitrag #1](https://www.typo3.net/d/122908-dce-mit-dynamischem-css-im-head-bereich-evtl-unter-verwendung-von-vhs-vassetstyle-dynamic-content-elements/1)

Hallo,
ich habe mir einen Slider mit DCE-Elementen zusammengebastelt. Jeder Slide ist ein eigenes DCE-Element und bekommt eigene CSS-Angaben, die über die UID des Elementes individualisiert sind. Z.B.:

```css
.image-container-{contentObject.uid} { irgendwelche CSS-Angaben }
```

Das ganze hatte ich jetzt einfach im Template. Folglich erscheinen diese Angaben im body-Bereich der Seite innerhalb von Div-Containern, was der HTML-Validator als Fehler anzeigt.

Gibts ne einfache Möglichkeit, die Angaben in den head-Bereich zu setzen?

Ich habs mit VHS auf folgende Weise versucht:

```xml
<v:asset.style rewrite="TRUE" overwrite="TRUE" standalone="FALSE" fluid="TRUE" name="image-container-.image-container-{contentObject.uid} { irgendwelche CSS-Angaben }
</v:asset.style>
```

Die Ausgabe wäre schon halbwegs ok, aber er gibt mir für jedes Element die UID ({contentObject.uid}) des letzten Elementes aus.

Ich hab leider noch nicht so viel Erfahrung mit VHS und steh vermutlich gerade auf dem Schlauch.

Vielen Dank,
Thorsten

## Antworten

### [#2](https://www.typo3.net/d/122908-dce-mit-dynamischem-css-im-head-bereich-evtl-unter-verwendung-von-vhs-vassetstyle-dynamic-content-elements/2) · Thorsten1508 · 2016-07-26

Sorry, der zweite Code sollte natürlich folgendermaßen heißen:

```xml
<v:asset.style rewrite="TRUE" overwrite="TRUE" standalone="FALSE" fluid="TRUE" name="image-container-{contentObject.uid}">
.image-container-{contentObject.uid} { irgendwelche CSS-Angaben }
</v:asset.style>
```

### [#3](https://www.typo3.net/d/122908-dce-mit-dynamischem-css-im-head-bereich-evtl-unter-verwendung-von-vhs-vassetstyle-dynamic-content-elements/3) · jenses · 2016-07-27

Wie sieht denn der restliche Code deines Sliders aus?
Müßte ja irgendein Loop sein, v:asset.style müßte dann logischerweise innerhalb des Loops aufgerufen werden, damit jeweils die Uid des aktuellen Elementes genommen wird.

---

Quelle: „DCE mit dynamischem CSS im <head>-Bereich evtl. unter Verwendung von VHS (<v:asset.style>) - dynamic content elements“, typo3.net, https://www.typo3.net/d/122908-dce-mit-dynamischem-css-im-head-bereich-evtl-unter-verwendung-von-vhs-vassetstyle-dynamic-content-elements
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.