Zum Inhalt springen

Menüitems mit div, ul und li wrappen und mit nur einem Marker ansprechen

Erstellt am 1. November 2011 · 1 Antwort · letzte Antwort am 3. November 2011

Tags: Frage

typefr ·

In einem hierarchischen Menü soll 1 Marker für alle Hauptmenüpunkte und Untermenüpunkte eines verschachtelten Dropdown Menüs stehen. Es existieren 6 Hauptmenüpunkte mit ihren Untermenüitems. Dazu habe ich derzeit folgendes Typoscript für den einen Marker "Menue":

page.10.marks.Menue = HMENU
page.10.marks.Menue {
1 = TMENU
1.wrap = <ul class="s_nav"> | </ul>
1.expAll = 1
1.NO.wrapItemAndSub = <li> | </li>
2 = TMENU
2.wrap = <div class="subnav"> | </div>
2.?
2.NO.allWrap = <li> | </li>
}

Das HTML sieht schematisch so aus:

<div>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
</div>

a) Wie ist das Typoscript korrekt zu schreiben, um die <li> der Subnavi zusätzlich zu den divs in uls zu wrappen?

b) Wie lässt sich die Navi auf alle Unterseiten übernehmen?

Jan68 ·

Hallo,

folgendes sollte reichen:

page.10.marks.Menue = HMENU
page.10.marks.Menue {
1 = TMENU
1 {
expAll = 1
wrap = <ul class="s_nav">|</ul>
NO.wrapItemAndSub = <li>|</li>
}
2 < .1
2.wrap = <ul class="subnav"> | </ul>
}

Die Zeile "2 < .1" kopiert das TMENU in die 2. Ebene. Dann wird nur noch das Wrap korrigiert.

Wenn du im CSS mit dem Kind-Selektor arbeitest, brauchst du noch nicht mal die Klassen. Beispiel:

#menu > ul ... und #menu > ul > li > ul

LG Jan