[TYPO3] ul/li menu question

Edwin Blokker a.stoutjesdijk at chello.nl
Tue Oct 10 14:26:18 CEST 2006


Thanks for the quick reply! Wow, that was a simple solution.. Thanks.

Tyler Kraft schreef:
> lib.vnavv.2.wrap = <ul>|</ul>
> 
> 
> 
> Edwin Blokker wrote:
>> 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