[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