Zum Inhalt springen

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

Erstellt am 30. Januar 2007 · 5 Antworten · letzte Antwort am 7. Februar 2007

Tags: HTML & CSS, Frage

flashsilver ·

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?

cope ·

Kitsunet meint sowas wie

#container {
background-color:#FFFF66;
}

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

Gruß
Cope

flashsilver ·

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?

flashsilver ·

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

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:

<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#

skorpi ·

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

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

Des geht so ned....