Hallo zusammen,
irgendwie komme ich auf keinen grünen Zweig
Ich möchte in diesem Codeabschnitt:
[src=html4strict]
<li class="rpItem">
<a class="rpLink" href="#">
<span class="rpOut">
<span class="rpExpandHandle">
</span>
<span class="rpText">
FAQ
</span>
</span>
</a>
</li>
<li class="rpItem">
<a class="rpLink rpExpandable rpExpanded" href="#">
<span class="rpOut">
<span class="rpExpandHandle">
</span>
<span class="rpText">
Dienstleitungen
</span>
</span>
</a>
<div class="rpSlide" style="display:block;">
<ul class="rpGroup rpLevel1 " width: 100%;">
<li class="rpItem rpFirst">
<a class="rpLink" href="#">
<span class="rpOut">
<span class="rpExpandHandle"></span>
<span class="rpText">IT</span>
</span>
</a>
</li>
<li class="rpItem">
<li class="rpItem">
<li class="rpItem">
<li class="rpItem rpLast">
</ul>
</div>
</li>
[/src]
das rpItem grün färben - allerdings nur das das kein rpSlide div hat!
Bzw. ginge auch rpOut der kein rpSlite auf selber höhe hat...
Bisher habe ich mit
[src=css]
a.rpExpandable {
background-color: #3b9e58 !important;
}[/src]
alle Elemente grün welche ein untermenü (das durch rpSlide anfänge) grün gefärbt
Nun sollen noch alle Elemente grün werden welche kein Untermenü haben...
Aber nicht die Untermenü-Elemente selber wie oben z.B. IT
Daher kann ich nicht einfach rpItem, rpOut oder rpText nehmen...
Den Code kann ich leider nicht verändern - der ist so wie er ist
--- [2013-10-29 10:49 CET] Automatisch zusammengeführter Beitrag ---
Edit:
Habe eben noch ein Problem festgestellt...
[src=css]span.rpText:hover{
margin-left: 4px !important;
}[/src]
Das funktioniert im FF fehlerfrei -im IE leider nicht
irgendwie komme ich auf keinen grünen Zweig
Ich möchte in diesem Codeabschnitt:
[src=html4strict]
<li class="rpItem">
<a class="rpLink" href="#">
<span class="rpOut">
<span class="rpExpandHandle">
</span>
<span class="rpText">
FAQ
</span>
</span>
</a>
</li>
<li class="rpItem">
<a class="rpLink rpExpandable rpExpanded" href="#">
<span class="rpOut">
<span class="rpExpandHandle">
</span>
<span class="rpText">
Dienstleitungen
</span>
</span>
</a>
<div class="rpSlide" style="display:block;">
<ul class="rpGroup rpLevel1 " width: 100%;">
<li class="rpItem rpFirst">
<a class="rpLink" href="#">
<span class="rpOut">
<span class="rpExpandHandle"></span>
<span class="rpText">IT</span>
</span>
</a>
</li>
<li class="rpItem">
<li class="rpItem">
<li class="rpItem">
<li class="rpItem rpLast">
</ul>
</div>
</li>
[/src]
das rpItem grün färben - allerdings nur das das kein rpSlide div hat!
Bzw. ginge auch rpOut der kein rpSlite auf selber höhe hat...
Bisher habe ich mit
[src=css]
a.rpExpandable {
background-color: #3b9e58 !important;
}[/src]
alle Elemente grün welche ein untermenü (das durch rpSlide anfänge) grün gefärbt
Nun sollen noch alle Elemente grün werden welche kein Untermenü haben...
Aber nicht die Untermenü-Elemente selber wie oben z.B. IT
Daher kann ich nicht einfach rpItem, rpOut oder rpText nehmen...
Den Code kann ich leider nicht verändern - der ist so wie er ist
--- [2013-10-29 10:49 CET] Automatisch zusammengeführter Beitrag ---
Edit:
Habe eben noch ein Problem festgestellt...
[src=css]span.rpText:hover{
margin-left: 4px !important;
}[/src]
Das funktioniert im FF fehlerfrei -im IE leider nicht
Zuletzt bearbeitet: