---
title: "Hintergrundfarbe eines ausgewählten div-containers ändern?!"
url: "https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage","HTML & CSS"]
created: "2007-01-30"
last_reply: "2007-02-07"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Hintergrundfarbe eines ausgewählten div-containers ändern?!

TYPO3 › TypoScript · 5 Antworten · gestartet 2007-01-30

## Eröffnungsbeitrag

**flashsilver** · 2007-01-30 · [Beitrag #1](https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern/1)

habe mal eine ganz dumme frage und weiß nicht ob es hierher passt oder doch eher zu TS allgemein zwar hab ich per TV einen div-container angewählt der das untermenü dort einsetzen soll, was auch super per TS klappt, wie kann ich per TS sagen das er eben diesen gewählten container seine hintergrundfarbe ändern soll?

## Antworten

### [#2](https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern/2) · Unbekannter Benutzer · 2007-01-30

per CSS!

### [#3](https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern/3) · cope · 2007-01-31

Kitsunet meint sowas wie

#container {
background-color:#FFFF66;
}

in Deiner CSS Datei, nehm ich an....

Gruß
Cope

### [#4](https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern/4) · flashsilver · 2007-02-01

ich hab ja schon eine hintergrundfarbe in diesem container eingesetzt per css
Ich möchte eine Farbnavigation gestalten, die Oberpunkte haben jeweils eine eigene Farbe und per TV hab ich die Stelle gesetzt, wo das untermenü der jeweiligen Seiten gesetzt werden soll.Aber Typo3 setzt dann alles zwischen
**<div id="subnavigation">Per TS eingesetztes Untermenü</div>** ein. Und in diesem div-container setzt ich die farbe und ich will diese ändern oder geht das nur wenn diesen Container auch per TS definiere mit den entsprechenden eigentschaften?

### [#5](https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern/5) · flashsilver · 2007-02-06

folgender code hab ich im template der unerseiten der ersten ebene stehen:

```typoscript
lib.subnavi = HMENU
lib.subnavi {
	#
        special = directory
        special.value = 4
        wrap = <div style="background-color:#99f"><ul id="menu2"> | </div></ul>
        ### Hauptmenue
        1 = TMENU
        1 {
            #wrap = <ul> | </ul>
                expAll = 1
                noBlur = 1

                NO.ATagTitle.field = title//subtitle
                NO.ATagParams = class = "aktuell"
                NO.wrapItemAndSub = <li> | </li>
               
                IFSUB = 1
                IFSUB {
                        wrapItemAndSub = <li> | </li>
                        allWrap = | <!--<![endif]-->
                        linkWrap = |<!--[if IE 7]><!-->
                        ATagBeforeWrap = 1
                }
        }
        
        2 = TMENU
        2 {
                #wrap = <table><tr><td><ul> | </ul></td></tr></table><!--[if lte IE 6]></a><![endif]-->
		wrap = <ul><span> | </span></ul>
                expAll = 1
                noBlur = 1
                
                NO.ATagTitle.field = title//subtitle
                NO.wrapItemAndSub = <li> | </li>

                IFSUB = 1
                IFSUB {
                        wrapItemAndSub = <li> | </li>
                        allWrap = | <!--<![endif]-->
                        linkWrap = |<!--[if IE 7]><!-->
                        ATagBeforeWrap = 1
                }
        }
        3 < .2
        4 < .2
}
```

Dann folgt daraus folgender HTML-Code:

```html
<div id="subnavigation">
<div style="background-color:#99f">
<!-- 2te Ebene -->
<ul id="menu2"><li><a href="index.php?id=#">Seite3a<!--[if IE 7]><!--></a><!--<![endif]-->
<!-- 3te Ebene -->
<ul><span><li><a href="index.php?id=#">Seite3a1<!--[if IE 7]><!--></a><!--<![endif]-->
<!-- 4te Ebene -->
<ul><span><li><a href="index.php?id=81" title="test2">test2</a></li><li><a href="index.php?id=80" title="Test">Test</a></li></span></ul></li>
<!-- Ende 4te Ebene -->
<li><a href="index.php?id=#" title="#">Seite3a2</a></li><li><a href="index.php?id=#" title="#">Seite3a3</a></li><li><a href="index.php?id=#" title="##">Seite3a4</a></li><li><a href="index.php?id=#" title="#">Seite3a5</a></li><li><a href="index.php?id=#" title="#">Seite3a6</a></li><li><a href="index.php?id=#" title="#">Seite3a7</a></li></span></ul></li><li><a href="index.php?id=#">Seite3b<!--[if IE 7]><!--></a><!--<![endif]--><ul><span><li><a href="index.php?id=#" title="#">Seite3b1</a></li><li><a href="index.php?id=#" title="#">Seite3b2</a></li></span></ul></li>
<!-- Ende des überTS eingefügten containers -->
</div>
<!-- Ende der Liste -->
</ul>
<!-- Ende des Subnavigation-containers-->
</div>
```

Aber der eingefügte container überschreibt nicht die Hintergrundfarbe des Subnavigations-Containers. WARUM??? #paralyzed#

### [#6](https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern/6) · skorpi · 2007-02-07

Sorg erstmal dafür, dass du korrekt verschachteltes HTML erzeugst.

```typoscript
wrap = <div style="background-color:#99f"><ul id="menu2"> | </div></ul>
```

Des geht so ned....

---

Quelle: „Hintergrundfarbe eines ausgewählten div-containers ändern?!“, typo3.net, https://www.typo3.net/d/57004-hintergrundfarbe-eines-ausgewaehlten-div-containers-aendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.