---
title: "Bild aus RAND-Spalte in CSS verwenden"
url: "https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage","HTML & CSS"]
created: "2006-11-20"
last_reply: "2006-11-27"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Bild aus RAND-Spalte in CSS verwenden

TYPO3 › TypoScript · 5 Antworten · gestartet 2006-11-20

## Eröffnungsbeitrag

**DerUnsympath** · 2006-11-20 · [Beitrag #1](https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden/1)

Hallo,

ich habe auf einer Seite ein DIV mit einem Hintergrundbild, das sich in der Breite der Auflösung anpasst. Wie ich in dieses DIV eine Grafik mache wüsste ich, aber wie ich dem DIV seitenabhängig ein Hintergrundbild per CSS zuweise, weiß ich nicht. Das Bild soll aus der RAND-Spalte gelesen werden.

Gruß

## Antworten

### [#2](https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden/2) · DerUnsympath · 2006-11-21

Niemand? :(

### [#3](https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden/3) · Nicklas · 2006-11-21

suche nach "dynamisches css"

[/d/48881-hintergrundfarbe-und-header-pro-seite-unterschiedlich/3](https://www.typo3.net/d/48881-hintergrundfarbe-und-header-pro-seite-unterschiedlich/3)

### [#4](https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden/4) · DerUnsympath · 2006-11-21

Hallo,

danke für den Hinweis soweit. Mit folgendem Code kann ich meinem DIV nun eine Hintergrundfarbe zuweisen:

```typoscript
######## seitenabhängiges CSS ########
css = PAGE
css {
  typeNum = 22
  config{
  additionalHeaders = Content-type: text/css
  disableAllHeaderCode = 1
  }
  10 = TEXT
  10.value (
    .content_header_pic {
       )
  20 = TEXT
  20.data = levelfield:-1, abstract, slide
  20.wrap = background-color: | ;
  30 = TEXT
  30.value (
       border-top: 8px solid #0D337A;
       height: 105px;
       width: 100%;
       }
       )
}
```

Wie man sieht, lese ich das derzeit aus dem Inhaltsangabe-Feld aus.

Wie ich die Grafik (bzw nur die URL zur Grafik) in die CSS bekomme, weiß ich nicht... leider.

Im Grunde soll es (pseudocode-mäßig) am Ende so aussehen:

```typoscript
...
  20.data = levelfield:-1, getBorder, slide
  20.wrap = background: url('|');
...
```

.. also die URL in die CSS geschrieben werden.

Wäre für JEDE Hilfe dankbar.

Gruß

### [#5](https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden/5) · DerUnsympath · 2006-11-22

Hallo,

sorry für Mehrfachpost; das Problem habe ich mit obiger Lösung gelöst, jedoch würde ich gerne noch etwas spezifizieren:

```typoscript
css = PAGE
css {
  typeNum = 22
  config{
  additionalHeaders = Content-type: text/css
  disableAllHeaderCode = 1
  }
  stdWrap.required = 1
  stdWrap.wrap = |
  10 = TEXT
  10.value (
    .content_header_pic {
       )
  20 = TEXT
  20.data = levelmedia: -1
  20.listNum = 0
  20.wrap = background: url('uploads/media/|');
  30 = TEXT
  30.value (
       border-top: 8px solid #0D337A;
       height: 105px;
       width: 100%;
       }
       )
}
```

Damit wird eine CSS-Datei dynamisch erstellt, die einem DIV mit der class 'content_header_pic' die CSS-Werte (Hintergrundbild, ..) vergibt. Das Bild wird aus dem Media-Feld einer Seite geladen.

Jetzt würde ich gerne, dass das DIV ausgeblendet wird, wenn es KEIN Bild für die aktuelle Seite gibt. Dafür würde es schon ausreichen, wenn die CSS einfach nicht erstellt wird.

Aber wie mache ich das? Mit ifEmpty habe ich schon ein wenig rumgespielt, aber leider nicht zum Laufen gebracht..

Gruß

### [#6](https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden/6) · DerUnsympath · 2006-11-27

Hehe, auch wenn der Thread nur aus Posts von mir besteht, füge ich dennoch noch meine Lösung bei, die ich eben endlich geschafft habe:

```typoscript
css = PAGE
css {
  typeNum = 22
  config{
  additionalHeaders = Content-type: text/css
  disableAllHeaderCode = 1
  }
  stdWrap.required = 1
  stdWrap.wrap = |
  10 = TEXT
  10.value (
    .content_header_pic {
       )
  20 = TEXT
  20.data = levelmedia: -1
  20.listNum = 0
  20.wrap = background: url('uploads/media/|');
  30 = TEXT
  30.value (
       border-top: 8px solid #0D337A;
       height: 105px;
       width: 100%;
       }
       )
  30.if {
  isTrue.data = levelmedia: -1
  }
}
```

Ich erstelle also eine dynamische externe CSS-Datei, die einem DIV die CSS-Eigenschaften zuweist. Werte wie Höhe und Breite der DIV-Box werden aber nur geschrieben, wenn im Media-Feld der Seite etwa vorhanden ist:

```typoscript
  30.if {
  isTrue.data = levelmedia: -1
  }
```

Ist kein Bild vorhanden, werden die Werte nicht geschrieben und somit wird der DIV dann auch nicht angezeigt. Das was ich wollte.

Ich bin so stolz. Ich geb mir einen aus. Entschuldigt mich.   #giggle#

---

Quelle: „Bild aus RAND-Spalte in CSS verwenden“, typo3.net, https://www.typo3.net/d/53649-bild-aus-rand-spalte-in-css-verwenden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.