[TYPO3-german] Problem mit Menü im Template

[Roland Schmid]

Hallo,

ich habe ein Problem mit der Umsetzung des Menüs im Template von Typo3.
Verwende das html template von Andreas Viklund.
http://andreasviklund.com/templates/andreas01/

Die 2. ebene bekomme ich nicht so hin wie im html template.
Im html template sieht das so aus:
<ul class="avmenu">
<li><a href="#">Home</a></li>
<li><a href="#">2-column layout A</a></li>
<li><a href="#">2-column layout B</a></li>
<li><a href="#">Subpage demo</a>
<ul>
<li><a href="#">Subpage 1</a></li>
<li><a href="#">Subpage 2</a></li>
<li><a href="#">Subpage 3</a></li>
</ul>

Im TypoScript meines Templates sieht das Menü bei mir so aus:
# Menu Object

temp.menu_1 = HMENU
 # First Level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
 # Normal state properties
 NO.allWrap = <ul class="avmenu"><li> | </li></ul>
 NO.stdWrap.htmlSpecialChars = 1
 # Enable active state and set properties
 ACT = 1
 ACT.stdWrap.htmlSpecialChars = 1
 ACT.allWrap = <ul class="avmenu"><li>  | </li></ul>
 }
 # Second level menu-object, textual
 temp.menu_1.2 = TMENU
 temp.menu_1.2 {
  # Normal state properties
  NO.allWrap = <ul class="avmenu"><li> | </li></ul>
  NO.stdWrap.htmlSpecialChars =1
  # Enable active state and set properties
  ACT = 1
  ACT.stdWrap.htmlSpecialChars = 1
  ACT.allWrap = <ul class="avmenu"><li> | </li></ul>
 }
  
# Ende Menu Objekt


Klappt aber nicht bzw. die 1. ebene im menü gleicht der 2. ebene vom layout des css
Ich vermute der trick sind die 2 verschachtelten <ul><ul></ul></ul> tags.
Bekomme das aber nicht im TypoScript umgesetzt.

Kann mir jemand auf die Sprünge helfen, das wäre super ?

Gruss Roland

der betreffende teil im css file sieht so aus:

ul.avmenu {
width:140px;
margin:0 0 18px;
padding:0;
list-style:none;
}

ul.avmenu li {
width:140px;
padding:0;
line-height:1.4em;
display:inline;
}

ul.avmenu li a {
background-color:#009900;
color:#FFFFFF;
font-weight:normal;
width:130px;
float:left;
margin-bottom:5px;
padding:5px 1px 5px 5px;
border-left:4px solid #000080;
text-decoration:none;
}

/*** ul.avmenu li a:hover,ul.avmenu li a.current { ***/
ul.avmenu li a:hover {
background-color:#009900;
border-left:4px solid #000080;
color:#000080;
}

ul.avmenu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:125px;
}

ul.avmenu ul a {
padding:3px 1px 3px 5px;
font-weight:normal;
width:115px;
}

ul.avmenu ul ul {
width:113px;
}

ul.avmenu ul ul a {
width:100px;
}