---
title: "CSS dynamisch über import.field=media"
url: "https://www.typo3.net/d/39645-css-dynamisch-ueber-importfieldmedia"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2006-03-16"
last_reply: "2006-06-04"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS dynamisch über import.field=media

TYPO3 › TypoScript · 3 Antworten · gestartet 2006-03-16

## Eröffnungsbeitrag

**nickno** · 2006-03-16 · [Beitrag #1](https://www.typo3.net/d/39645-css-dynamisch-ueber-importfieldmedia/1)

Hallo T3-Gemeinde,
gibt es eine Möglichkeit eine Css-Definition dynamisch so zu generieren, dass eine Hintergrundbild aus dem Media-Field genommen wird?

Hab schon einiges ausprobiert.

Als Ergebnis, soll ein Bild aus dem Import-Field genommen:

```typoscript
file.import.field = media
file.import = uploads/media/
file.import.listNum = 0
file.import.override.data = levelmedia: -1, slide
```

und in die CSS-Definition innerhalb der Seite geschrieben werden, so wie hier verzeichnis/banner.css:

```html
.hintergrund { url(verzeichnis/banner.css);}
```

Gruss
Tim

## Antworten

### [#2](https://www.typo3.net/d/39645-css-dynamisch-ueber-importfieldmedia/2) · nickno · 2006-03-18

Hallo nochmal,
also, ich bin schon einmal einen Schritt weiter. Ich will jetzt eine Konstante festlegen und bei der Ausgabeseite wird jeweils über CSS ein passendes Bild per Extension-Template eingefügt.

Nun mein Problem:

Die Konstante heisst

```typoscript
url_banner = http://www.webseite.de/fileadmin/template/main/bilder/header/header.jpg
```

Die CSS-Zuweisung:

```html
CSS_inlineStyle = #content #header {background-image: url({$url_banner});}
```

Und die Ausgabe:

```html
<style type="text/css">
		/*<![CDATA[*/
	<!--#content #header {background-image: url(http://www.webseite.de/fileadmin/template/main/bilder/header/header.jpg);}

	-->
		/*]]>*/
	</style>
```

Das Problem ist nur, dass ältere Browser die CSS-Deklaration nicht interpretieren, da hier (<!--#content) ein Leerzeichen fehlt.

Wie kann ich denn bei TS einen Zeilenumbruch einfügen?

MfG
Tim

### [#3](https://www.typo3.net/d/39645-css-dynamisch-ueber-importfieldmedia/3) · Felix188 · 2006-04-06

hi
ich suche auch schon länger nach der lösung von diesem problem.
Browser die kein css unterstüzen gibt es wohl eh kaum noch.
aber poste bitte wenn du wieter kommst.
danke

### [#4](https://www.typo3.net/d/39645-css-dynamisch-ueber-importfieldmedia/4) · jholze · 2006-06-04

ich würde da mehr mit constanten arbeiten und dann mit einen dataWrap arbeiten

content = #content
header = #header

image = test/test/image.jpg

setup:
#################

temp.dynCss = TEXT
temp.dynCss.dataWrap = <!-- {$content}{$header}{background-image: url({$image});}

jens

p.s vielleicht habe ich eure frage auch nicht richtig verstanden

---

Quelle: „CSS dynamisch über import.field=media“, typo3.net, https://www.typo3.net/d/39645-css-dynamisch-ueber-importfieldmedia
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.