Hallo
ich versuche gerade, ein TMENU zu erstellen, das von der Art ähnlich dem auf http://www.blinzler.org/ ist. Wichtig sind dabei das Ausklappen der Untermenüs beim Anklicken der Hauptpunkte; wobei sie exakt drunter stehen sollen, der Text jedoch leicht eingerückt. Und dann brauche ich noch eine andere Hintergrundfarbe bei den Untermenüs.
Ich bastle schon sehr lange herum und verliere langsam den Überblick in meinem eigenen Code. Ich fürchte ich hab da irgendwas verdreht und deshalb komm ich einfachnicht auf das gewünschte Ergebnis.
Mein Problem ist, dass die ul und li irgendwie seltsam verschachtelt sind. Aus diesem Grund hab ich mal 3 Pixel eingerückt und die Farben etwas verdreht, damit ihr seht, was ich meine.
Das nächste Problem ist, dass ich nicht weiß, wie ich bei der Stelle "Aktuelles" drunter einen Abstand reinbekomme.
Zum Verständis: "Aktuelles" ist der aktuell angeklickte Menüpunkt, und "Archiv" ist davon eine Unterseite. Der Punkt "kontakt" ist dann wieder in der HauptNavi.
Hier ist was ich habe:
(den ATagParams hab ich nachher wieder auskommentiert weil ich den irgendwie garnicht zum laufen gebracht habe)
seite.10.marks {
MENUE_LINKS = HMENU
MENUE_LINKS.special = directory
MENUE_LINKS.special.value = 6
MENUE_LINKS.entryLevel = 1
MENUE_LINKS {
1 = TMENU
1{
wrap = <ul id="list">|</ul>
NO {
wrapItemAndSub = <div class="sub_0">|</div>
# ATagParams = class ="menu_links_1"
}
ACT < .NO
ACT.wrapItemAndSub = <li class="sub_1">|</li>
ACT = 1
}
2 = TMENU
2{
wrap = <ul class="sub">|</ul>
NO {
wrapItemAndSub = <li class="sub">|</li>
}
ACT < .NO
ACT.wrapItemAndSub = <li class="subAct">|</li>
ACT = 1
}
}
}
und dazu die Klassen. Durch das viele Rumprobieren in den letzten 2 Tagen hab ich hier leider den Überblick verloren und weiß nicht mehr, was noch gebraucht wird.
#list{
margin:0;
padding:0;
width:60%;}
#list li{
width:180px;
height:25px;
list-style-type:none;
padding:5px;
padding-top:5px;
padding-bottom:0px;
margin: 0px;
background:#e6ffd9;
border-bottom:3px solid #ffffff}
#list .sub_0 {
width:180px;
height:25px;
list-style-type:circle;
padding:5px;
margin-left:0px;
background:#bbc4c9;
border-bottom:3px solid #ffffff}
#list .sub_1 li{
width:180px;
height:25px;
list-style-type:none;
padding:5px;
margin-left:-40px;
background:#e6ddd9;
border-bottom:3px solid #ffffff}
Verzeiht mir bitte. Ich stell mich wahrscheinlich recht dämlich an, aber ich bin nicht so firm im programmieren.
Achja, fast den Screenshot vergessen: