[TYPO3] ul/li menu question
Edwin Blokker
a.stoutjesdijk at chello.nl
Tue Oct 10 14:03:04 CEST 2006
Hello,
I'm trying to implement a multilevel css / unordered lists based menu,
using templavoila. This is the HTML:
<ul class="vnavv">
<li class="vlevel1act">
<a href="skidoo_too.css">skidoo_too.css</a>
<ul class="vlevel2act">
<li>
<a href="iets">Iets</a>
</li>
</ul>
<ul class="vlevel2no">
<li>
<a href="iets">Nogmaals heel normaal</a>
</li>
</ul>
</li>
<li class="vlevel1no">
<a href="skidoo_too_print.css">skidoo_too_print.css</a>
</li>
</ul>
And this is the typoscript I use:
# Horizontal menu cObject
lib.hnavv = HMENU
# First level menu-object, textual
lib.hnavv.1 = TMENU
lib.hnavv.1 {
# Normal state properties
NO.allWrap = <li class="hlevel1no">|<span class="divider"> : </span></li>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <li class="hlevel1act">|<span class="divider"> :
</span></li>
}
# Vertical menu cObject
lib.vnavv = HMENU
lib.vnavv.entryLevel = 1
# First level menu-object, textual
lib.vnavv.1 = TMENU
lib.vnavv.1 {
# Normal state properties
NO.allWrap = <li class="vlevel1no">|</li>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <li class="vlevel1act">|</li>
}
# Second level menu-object, textual
lib.vnavv.2 = TMENU
lib.vnavv.2 {
# Normal state properties
NO.allWrap = <li class="vlevel2no">|</li>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <li class="vlevel2act">|</li>
}
The problem is that when the page is rendered, the second menu level
isn't wrapped in seprate UL tags, so it just becomes a list item instead
of a sublist and is rendered like a first level menu item. I really
don't know how to solve this, I've read the basic tutorials and this is
my first attempt. Any help or tips would be appreciated!
Edwin.
More information about the TYPO3-english
mailing list