Hallo zusammen :)
ich habe wie die Überschrift schon sagt ein Problem mit der Schriftfarbe bei einer verschachtelung von ul's.
ich arbeite an einer Typo3 seite, für die ich das Template selber gestalte.
In meinem Dreamweaver sieht das Template sauber/richtig aus im Typo3 zeigt er mir aber die falsche Schriftfarbe an.
Es handelt sich dabei um mein Menü. Ich gehe davon aus das Dreamweaver irgendwie ein Auge zudrückt und es deshalb dort fuktioniert und Typo3 nichts zudrückt :D
Das Menu hat ein schwarzen Hintergrund und eine beige Schriftfarbe, bei klick drauf und öffnen des Submenüs wird es vertauscht, beiger Hintergrund und schwarze schrift. DA HAKT ES - der Hintergrund wird beige aber die Schrift bleibt auch beige :(
also hier mal der abschnitt wo ich die ul's nutze
<ul id="navlist">
<li class="normal"><a href="#">Item one</a></li>
<li class="active">Item two
<ul id="subnavi">
<li class="subactive">Sub-item one</li>
<li class="subnormal"><a href="#">Sub-item two</a></li>
<li class="subnormal"><a href="#">Sub-item three</a></li>
</ul>
</li>
<li class="normal"><a href="#">Item three</a></li>
<li class="normal"><a href="#">Item four</a></li>
<li class="normal"><a href="#">Item five</a></li>
</ul>
Und hier der entsprechende CSS Teil dazu
(falls es extremst falsch sein sollte bitte nicht lachen, bin nicht so doll in CSS)
#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 160px;
color:#f6e0b1;
font-size:10px;
}
#navlist li
{
color:#f6e0b1;
font-size:11px;
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}
#navlist li a,.active{
text-decoration: none;
padding:0 15px 0 0;
color:#f6e0b1;
font-size:11px;
font-weight:bold;
}
#navlist li ul{
padding-left: 0;
margin-left: -3px;
/*border-bottom: 1px solid gray;*/
width: 160px;
color:#000;
background-color:#f6e0b1;
font-size:11px;
text-align:left;
}
#navlist li ul li,.subactive, .subnormal{
color:#000;
font-size:11px;
list-style: none;
margin: 0;
padding:0.25em;
/*border-top: 1px solid gray;*/
text-align:left;
background-color:f6e0b1;
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#navlist li ul li a, .subnormal,.subactive{
text-decoration: none;
color:#000;
padding:0 0 0 15px;
font-size:11px;
font-weight:bold;
text-align:left;
}
habe auch noch mal weiter unten im CSS das hier probiert
.subactive{color:#000;}
.subnormal{color:#000;}
in der Hoffnung das er die Schrift evtl. dann Schwarz macht, nichts da.