Hallo zusammen,
ich habe über HTML-Listen und ein externes CSS ein Menü realisiert, das bis auf zwei Kleinigkeiten funktioniert. Vielleicht kann mir hier jemand einen Tipp geben.
Mein TS sieht wie folgt aus:
# Erste Menüebene
1 = TMENU
1 {
noBlur = 1
expAll = 0
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li>|</li>
CUR = 1
CUR.doNotLinkIt = 1
CUR.wrapItemAndSub = <li class="aktiv" style="background-color:#dddddd;">|</li>
CUR.allWrap = |<span class="usb"></span>
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="aktiv">|</li>
ACTIFSUB.ATagParams = style="color:#ff0000; background-color:#cccccc;"
}
# Zweite Menüebene
2 = TMENU
2 {
noBlur = 1
expAll = 0
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li class="sub">|</li>
CUR = 1
CUR.doNotLinkIt = 1
CUR.wrapItemAndSub = <li class="subaktiv" style="margin-top:4px;">|</li>
CUR.allWrap = |<span class="usb"></span>
}
}
Zudem ist in einem externen CSS folgendes definiert:
ul {
list-style-type:none;
margin-left:0px;
padding:0px;
background-color:#ffffff;
}
li {
list-style-type:none;
padding-left:0px;
background-color:#dddddd;
margin:4px;
}
li.sub {
list-style-type:none;
padding-left:15px;
background-color:#eeeeee;
margin:4px;
}
li.aktiv {
list-style-type:none;
padding-left:0px;
font-weight:bold;
color:#ff0000;
background-color:#ffffff;
margin:4px;
}
li.subaktiv {
list-style-type:none;
padding-left:15px;
font-weight:bold;
color:#ff0000;
background-color:#eeeeee;
margin:4px;
}
Das ganze ist auch einzusehen unter http://www.dkserver.de/typoneu/
Zwei Probleme habe ich noch:
1. Wenn ich einen Link der 1. Menüebene anklicke und die Submenüpunkte erscheinen, ist zwischen aktivem Hauptmenüpunkt und 1. Subpunkt kein Abstand. Alle Versuche, sowohl im TS als auch im CSS mit margins und paddings haben nichts gebracht. Kann mir hier jemand helfen?
2. Wenn ich den Menüpunkt "Der BHKH" anklicke, beschränkt sich meine Hintegrundfarbe auf einmal nur noch auf den Linktext und nicht mehr auf meinen Listenpunkt. Sieht nicht so glorreich aus. Was mache ich hier falsch?
VIELEN DANK!!