CSS an Bedingung knüpfen (IF THEN)

[bit61]

Hallo,

ich möchte folgendes realisieren:

Ich fahre mit meiner Maus über einem Hauptmenü-Punkt und es klappt eine Unternavigation auf. Gleichzeitig wird der Hauptmenü-Punkt-Hintergrund geändert. Wenn ich nun über einen Unterpunkt fahre, wird die Hintergrundfarbe wieder zurückgesetzt; ich möchte jedoch, dass die Hintergrundfarbe auch noch dann bestehen bleibt.

Hier der Link HTML.de

Zusätzlich habe ich noch eine weitere Frage:

Wenn ich nun über den Hauptpunkt fahre und sich dert Unterpunkt öffnet, sieht man im rechten Winkel eine kleine freie Stelle, wie kann ich das beheben?


Vielen Dank,

fg

 

[FoXMorayn]

#navi ul li ul muss unter #navi ul li gelegt werden.

EDIT:
geht aber nicht, da #navi ul li ul in #navi ul li liegt ;-)

EDIT2:
ein ansatz wäre, den 1. link aus dem submenü über den border zu ziehen:

#navi ul li ul li a{ background-color: #ffebcd; [B]display:block;[/B]}
[B]/*[/B]#navi ul li:hover ul .bt{  border-left: 1px solid #ffebcd;}[B]*/[/B]
<li class="bt"> <a class="submenu" [B]style="margin-left:-1px;height:14px"[/B] href=""> Unterpunkt 1 </a> </li>

EDIT3: sorry hab das wesentliche völlig überlesen. für die sache gibt es nur eine vernünftige lösung: javascript.
definiere dein menü mit html und lese es mit javascript aus um danach den quellcode mit für die visuelle ausgabe sinnvollem zu ersetzten, dann hasst du alle freiheiten.
SELFHTML: JavaScript / Objektreferenz / node

oder du verzichtest von anfang an auf listen als menü.

 

[Efchen]

oder du verzichtest von anfang an auf listen als menü.

Das sollte man natürlich nicht machen, da das die (derzeit) einzig richtige Auszeichnungsart für Menüs ist.