---
title: "Hintergrundbild über gesamtes Menü"
url: "https://www.typo3.net/d/107652-hintergrundbild-ueber-gesamtes-menue"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","HTML & CSS"]
created: "2011-10-06"
last_reply: "2011-10-10"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Hintergrundbild über gesamtes Menü

TYPO3 › Menüs · 3 Antworten · gestartet 2011-10-06

## Eröffnungsbeitrag

**Chrisse** · 2011-10-06 · [Beitrag #1](https://www.typo3.net/d/107652-hintergrundbild-ueber-gesamtes-menue/1)

Guten Abend,

ich habe nun wirklich lange im Internet herumgesucht, ob es eine Lösung für ein Hintergrundbild, welches sich über das gesamte Menü erstreckt, gibt. Allerdings bin ich nicht fündig geworden.
Auch das hat mir nicht weiter geholfen: <http://board.gulli.com/thread/1605256-gmenu-mit-hintergrundbild-typo3-/>

Ich habe schon probiert das Bild mit CSS einzubinden und unter TS einfach die Hintergrundfarbe herauszulassen, doch leider ohne Erfolg.

Hier mal mein TS Ausschnitt:

```typoscript
SUB_MENU = HMENU
SUB_MENU.1 = GMENU  
SUB_MENU.1.NO {
    transparentBackground = 1
    XY = 174, 40
    10 = TEXT
    10.text.field = title
    10.fontColor = #ffffff
    10.offset = 24,24
    10.fontSize = 11

   
    allwrap = |
    noBlur = 1

    
  }
SUB_MENU.1.RO = 1
SUB_MENU.1.RO {
    10 = TEXT
    10.text.field = title
    10.fontSize = 11
    10.fontColor = #333333
    10.offset = 24,24
  }
```

Das dazugehörige CSS sieht so aus:

```css
div#sub_menu{
 float:left;
 display:block;
 line-height: 0;
 margin-bottom:0;
 width: 40px;
 height: 40px;
 padding: 0px 0;
 margin: 0px 0 0 0;
 background-image: url("http://www.cp-pfulo.de/fileadmin /user_upload/P1030782.JPG")center;
 background-repeat:no-repeat;
 text-align:top;
}
```

Fällt dafür jemand eine Lösung ein?

Gruß
Christian

## Antworten

### [#2](https://www.typo3.net/d/107652-hintergrundbild-ueber-gesamtes-menue/2) · Chrissli · 2011-10-06

Hallo Chrisse,

"center" ist eine Eigenschaft von  "background-position" oder "background" und hat in "background-image" nichts verloren.
Übrigens sind 40px zu schmal :-)

Du kannst übrigens einfach "#sub_menu" schreiben, da eine ID nur einmal auf einer Seite vorkommen sollte, somit die
Angabe des Dokumententyps obsolet macht.

Wozu benutzt du eigentlich ein GMENU wenn du keine Grafiken oder Texte renderst? Ein TMENU würde in deinem Fall wohl genügen.

MfG,
  auch Christian

### [#3](https://www.typo3.net/d/107652-hintergrundbild-ueber-gesamtes-menue/3) · Chrisse · 2011-10-10

> **Chrissli schrieb:**
>
> Hallo Chrisse,
>
> "center" ist eine Eigenschaft von  "background-position" oder "background" und hat in "background-image" nichts verloren.
> Übrigens sind 40px zu schmal :-)
>
> Du kannst übrigens einfach "#sub_menu" schreiben, da eine ID nur einmal auf einer Seite vorkommen sollte, somit die
> Angabe des Dokumententyps obsolet macht.
>
> Wozu benutzt du eigentlich ein GMENU wenn du keine Grafiken oder Texte renderst? Ein TMENU würde in deinem Fall wohl genügen.
>
> MfG,
>   auch Christian

Hi Chrissli,

danke für Deine Antwort. Leider bringt mich diese nicht wirklich weiter. Wie ich korrekt TS schreibe, das weiß ich. Mir ging es dabei nur um die Funktionalität, nicht um die Schönheit. Allerdings bekomme ich keine Antwort auf meine Frage. Wie ist es prinzipiell möglich ein Hintergrundbild über das gesamte Menü einzufügen? Mir geht es hierbei um das Grundsätzliche, nicht um Feinheiten.

Gruß
Christian

### [#4](https://www.typo3.net/d/107652-hintergrundbild-ueber-gesamtes-menue/4) · Chrissli · 2011-10-10

Ok, hab wohl etwas zuviel drum herum geredet, so
dass das Wesentliche untergegangen ist.

Die Kernaussage ist:

Entferne das "center" an deinem "background-image" im CSS
und dann funktioniert das.
Sauberes CSS ist halt doch was wert ;)

---

Quelle: „Hintergrundbild über gesamtes Menü“, typo3.net, https://www.typo3.net/d/107652-hintergrundbild-ueber-gesamtes-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.