UL/LI-Menu mit Submenu + Zeilenumbruch

Hallo zusammen 🙂

Ich möchte folgendes erstellen:

<ul>
<li>Hauptmenupunkt</li>
<li><ul>
    <li>Untermenupunkt</li>
    <li>Untermenupunkt</li>
    <li>Untermenupunkt</li>
</ul></li>
<li>Hauptmenupunkt</li>
<li>Hauptmenupunkt</li>
</ul>

Mein selberstelltes TS dazu:

seite.config.doctype = xhtml_trans
seite.config.xmlprologue = none
seite = PAGE
seite {

#ALLGEMEIN
typeNum = 0
bodyTag = <body>
stylesheet = fileadmin/res/stylesheet.css
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/index.htm
10.workOnSubpart = document

10.marks {

#NAVIGATION
NAVI = HMENU
NAVI {
1.wrap = <ul>|</ul>
special = directory
special.value = 39
entryLevel = 1
1 = TMENU
1.NO = 1
1.NO.linkWrap = <li>|</li>

2.wrap = <li><ul>|</ul></li>
2 = TMENU
2.NO = 2
2.NO.linkWrap = <li class="sub">|</li>
}

#SUBNAVI
SUBNAVI = HMENU
SUBNAVI {
wrap = <ul>|</ul>
special = directory
special.value = 38
1 = TMENU
1.NO = 1
1.NO.linkWrap = <li>|</li>
}
}
}

Jetzt klappt das wzar, dass es im Code so angezeigt wird, jedoch werden die Hauptmenupunkte, die unter dem Submenu sich befinden, nicht mehr angzeigt, wohl aber im Code definiert 🙁

Was habe ich falsch gemacht?
Danke für eure Hilfe

Grüße Nico

Ich vermute mal, es liegt an der Schachtelung der ul, li Tags.
Vielleicht klappt das ja besser:

<ul>
<li>Hauptmenupunkt</li>
<ul>
<li>Untermenupunkt</li>
<li>Untermenupunkt</li>
<li>Untermenupunkt</li>
</ul>
<li>Hauptmenupunkt</li>
<li>Hauptmenupunkt</li>
</ul>

Jochen Weiland

Ne, das wäre nicht konform, da man nichts ohne <li>-Tags zwischen die UL-Tags packen darf 🙂
So müsste das schon richtig sein, doch irgendwie zeigt er die unteren Menupunkte dann nicht an..
Sie stehen zwar im Code, aber werden eben nicht dargestellt 🙁

PS: Achso meine 2.Frage 🙂
Das TS produziert mir jetzt so einen Code:
<ul><li>Menupunkt</li><li>......
Wie kann ich den semantisch anordnen lassen, also so:
<ul>
<li>......</li>
.
.
.

hero-master schrieb

Das TS produziert mir jetzt so einen Code:
<ul><li>Menupunkt</li><li>......

Ist doch richtig. Wo ist das Problem?

hero-master schrieb

Wie kann ich den semantisch anordnen lassen, also so:
<ul>
<li>......</li>
.
.
.

Was hat das mit Semantik zu tun?

Hi,
ich versteh zwar das Problem nicht ganz genau, aber eine konforme Liste bekomme ich durch wrapItemAndSub.

Vielleicht hilft dir ja der Codeschnipsel (mit 2. Ebene) irgendwie weiter:

marks._NAV = HMENU
marks._NAV.excludeUidList = 13,14
marks._NAV {
  entryLevel = 0
     1 = TMENU
     1 {
        noBlur = 1
        wrap = <ul>|</ul>
        expAll = 0
        NO {
             wrapItemAndSub = <li>|</li>
           }
        }
     2 = TMENU
     2 {
        noBlur = 1
        wrap = <ul>|</ul>
        expAll = 1
    
        NO {
             wrapItemAndSub = <li>|</li>   
           }
        }
     }

ciao
Lukas

theo schrieb

Ist doch richtig. Wo ist das Problem?

Der Code soll einfach übersichtlich aussehen.
Ich will einfach nur wissen, ob das zu lösen ist, oder nicht.

theo schrieb

Was hat das mit Semantik zu tun?

Stimmt, falscher Ausdruck (falscher Sinn), ich meine, dass der Code übersichtlich wirken sollte.
Zum 1.Problem:
Ich habe ausversehen die Liste links floaten lassen 😉

PS:
Ich wollte dann noch das blurLink entfernen, jedoch funktioniert bei mir noBlur = 1 nicht so richtig...Wo muss ich das denn eintragen?

NAVI {
noBlur = 1 geht nicht

hero-master schrieb

Wo muss ich das denn eintragen?

steht in der TS-Referenz

Danke 🙂
Wenn ich jetzt noch das mit den Codeumbrüchen gebacken benkommen würde, wäre ich vorerst zufrieden 🙂

Installiere TIDY und aktiviere es im Installtool.
Aber Sinn macht das gerade bei einem Listenmenü nicht.