---
title: "Bilder mit CSS -Klassen versehen"
url: "https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen"
source: "typo3.net"
tags: ["Neos","Bilder","Frage","Inhaltselemente"]
created: "2015-01-11"
last_reply: "2015-01-19"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Bilder mit CSS -Klassen versehen

Neos · 5 Antworten · gestartet 2015-01-11

## Eröffnungsbeitrag

**LucitheR** · 2015-01-11 · [Beitrag #1](https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen/1)

Moin,

irgendwie stehe ich grad auf dem Schlauch,

Wie kann ich einem Bild (in diesem Falle dem Img-Tag, nicht den Kram drum rum) eine Klasse wie "img-responsive" zuweisen?

Ich möchte ungerne jetzt jedes einzelne vorhandene Template kopieren und dann anpassen, gibt es sonst eine Möglichkeit nur das HTML zu überschreiben? Habe in der Doku nix dazu gefunden.

## Antworten

### [#2](https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen/2) · Wool · 2015-01-13

Im Falle von css_styled_content, im TS:

```typoscript
tt_content.image.20.1.params = class="deine-klasse"
```

### [#3](https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen/3) · Wool · 2015-01-14

Ergänzung:

Du kannst natürlich auch mit Verschachtelungen arbeiten.
Da um das Bild (img) sicher ein Rahmen drumrum ist, bspw. ein div-Tag oder ein p-Tag, der bestimmt auch eine Klasse besitzt, könnte man die extra Klasse für das img-Tag umgehen, indem man im CSS etwas wie folgt ergänzt:

```css
div.className img { ... gewünschte Eigenschaften ... }
```

Somit gibst Du jedem img-Tag die "gewünschten Eigenschaften" welche in einem div-Tag stecken das die Klasse "className" besitzt.

### [#4](https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen/4) · maikusch · 2015-01-19

Wool, hier gehts um NEOS. Da geht das ein wenig anders.
Aber, ich habe genau das gleiche Problem. Besser noch, ich versuche zusätzlich auch noch data-dash Attribute in den <img> tag zu bekommen.
Vermutlich muss man sich dafür nen eigenen ViewHelper bauen. Ist zwar eher umständlich, aber ne andere Möglichkeit sehe ich da im Moment nicht.

### [#5](https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen/5) · Wool · 2015-01-19

Ach du Schande, sorry! ... bin da im Forumsbereich verrutscht...

### [#6](https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen/6) · ellei91 · 2015-01-19

probier es mal mit TypoScritp zB. in der Root.ts2 mit:

```typoscript
prototype(TYPO3.Neos.NodeTypes:Image) {
  attributes.class = 'img-responsive'
}
```

und für Data Attribute genauso nur eben:

```typoscript
attributes.data-dash = '...'
```

Alternativ kann man auch das Image Template von Neos in den eigenen Ordner kopieren und dann anpassen.

```typoscript
prototype(TYPO3.Neos.NodeTypes:Image) {
  templatePath = 'resource://Vendor.Site/Private/Templates/NodeTypes/Image.html'
}
```

edit:
ah sry seh grad das du das so nicht haben wolltest^^ - glaube das is nur möglich wenn du das template überschreibst

---

Quelle: „Bilder mit CSS -Klassen versehen“, typo3.net, https://www.typo3.net/d/119462-bilder-mit-css-klassen-versehen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.