hallo,
ich versuche gerade ein horizontales menü nachzubauen, wie es auf http://www.sitesystems.de/t3dev/index.php?id=10 zu sehen ist.
das problem: im wrap der 2. ebene brauche ich verschiedene klassen (im bsp. sub beim ausgewählten und sub_active bei den anderen), damit ich die ausgabe über css formatieren kann. etwas folgendermaßen
<div id="nav">
<ul class="current">
<li>
<a href="index.php?id=4">Start 1</a>
<ul class="sub_active">
<li>
<a href="index.php?id=8">Start (USeite1) 1.1</a>
</li>
<li>
<a href="index.php?id=11">Start (USeite2) 1.2</a>
</li>
</ul>
</li>
</ul>
<ul class="select">
<li>
<a href="index.php?id=7">Leistungen 2</a>
<ul class="sub">
<li>
<a href="index.php?id=9">Leistungen (USeite1) 2.1</a>
</li>
<li>
<a href="index.php?id=10">Leistungen (USeite2) 2.2</a>
</li>
<li>
<a href="index.php?id=24">Leistungen (USeite3) 2.3</a>
</li>
</ul>
</li>
</ul>
</div>
mein menu:
temp.topmenu = HMENU
temp.topmenu {
special = directory
special.value = 3
wrap = <div id="nav">|</div>
1 = TMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO.wrapItemAndSub = <ul class="select"><li>|</li></ul>
CUR= 1
CUR.wrapItemAndSub= <ul class="current"><li>|</li></ul>
}
2 = TMENU
2 {
expAll = 1
noBlur = 1
wrap = <ul class="sub_active">|</ul>
NO.wrapItemAndSub = <li>|</li>
CUR= 1
CUR.wrapItemAndSub= <li>|</li>
}
dummerweise gibts für tmenuitems kein wrap, weshalb allen uls der zweiten ebene die klasse sub_active bekommen. meine versuche mit allWrap etc. haben leider nicht geklappt.
wäre toll, wenn jemand eine idee hätte.
dank im voraus
Der Menü Aufbau ist eigentlich inkonsequent. Warum braucht den jeder Menüpunkt ein eigenes ul?
Besser wäre die Struktur
<div id="nav">
<ul>
<li class="current">
<a href="index.php?id=4">Start 1</a>
<ul class="sub_active">
<li>
<a href="index.php?id=8">Start (USeite1) 1.1</a>
</li>
<li>
<a href="index.php?id=11">Start (USeite2) 1.2</a>
</li>
</ul>
</li>
<li class="select">
<a href="index.php?id=7">Leistungen 2</a>
<ul class="sub">
<li>
<a href="index.php?id=9">Leistungen (USeite1) 2.1</a>
</li>
<li>
<a href="index.php?id=10">Leistungen (USeite2) 2.2</a>
</li>
<li>
<a href="index.php?id=24">Leistungen (USeite3) 2.3</a>
</li>
</ul>
</li>
</ul>
</div>
Damit ist das gesamte Menü eine unsortierte List.
Das Typoscript aus dem Beispiel 
#65143 ist hier sehr hilfreich.
hallo jank,
soweit ich es verstehe, ist die zusätzliche ul notwendig, damit ein menüpunkt, samt seiner untermenüpunkte eine geschlossene einheit bildet, die sich unabhängig formatieren lässt.
vielen dank für den link. ich finde allerdings dort auch nichts dazu, wie man den wrap ändern kann.
gruß
Die "geschlossene Einheit" sollte eigentlich das li sein.
deswegen auch der Link zum Typoscript für einen sauberes Textmenü als unsortierte Liste.
das li lässt sich ja auch unabhängig formatieren.
hallo jank,
vielen dank für den tipp. ich habe mich mittlerweile auf das superfish-menü verlegt ( http://users.tpg.com.au/j_birch/plugins/superfish/ ), entspr. tipps für typo3 auf http://wowa-webdesign.de/typo3-einsteigerkurs/typo3-tutorial-teil-71-einbau-des-superfish-dropdown-menues/.
die navbar-style-variante, die ich benutze, ist dort leider nicht beschrieben. daher mein rudimentäres ts für das menü - falls es mal jemand braucht.
temp.topmenu = HMENU
temp.topmenu {
special = directory
special.value = 3
wrap = <ul class="sf-menu sf-navbar">|</ul>
1 = TMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO.wrapItemAndSub= <li class="current">|</li>
CUR = 1
CUR.wrapItemAndSub = <li class="current">|</li>
}
2 = TMENU
2 {
expAll = 1
wrap = <ul class="sf-menu sf-navbar">|</ul>
NO = 1
NO.wrapItemAndSub= <li class="current">|</li>
CUR = 1
CUR.wrapItemAndSub= <li class="current">|</li>
}
}
einbindung des js und der css-dateien nicht vergessen 😉