[TYPO3-UG Spain] Menú y submenú vertical

[Carmen Navarrete]

buenas noches,
en primer lugar, quería presentarme ya que es la primera vez que escribo en
esta lista. Me llamo Carmen Navarrete, trabajo para la UAM y durante estas
dos últimas semanas he estado intentando hacer una página con Typo3. Durante
mucho tiempo he usado Joomla (inicialmente mambo) como CMS y conozco un poco
la herramienta Plone. Empecé a leer sobre este Typo3 y me pareció
interesante probarlo.

Durante estos días, leyendo la más que extensa documentación que hay sobre
este proyecto, he podido "levantar" el sitio web y dar los primeros pasos.
Me creé un CSS (basado en el tempate corporate_slave) y un template en HTML
para probarlo. Instalé la extensión de TemplaVoilà y "mapeé" el main-content
y el main-menú (menú vertical a izquierdas). Ahora estoy intentando añadirle
a ese menú subopciones, pero hay algo (por supuesto) que estoy haciendo mal.
Por muchas vueltas que le he dado, muchos cambios que he hecho, y mucha
documentación, no consigo tener un "submenú".

Mi CSS actualmente es este:

body{
background:#FFFFFF;
margin:9px;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#666666;
}

A:link{ color:#999999; text-decoration:none; }
A:hover{ color:#6C8EFF; text-decoration:underline; }
A:active{ color:#999999; text-decoration:none; }
A:active:hover{ color:#6C8EFF; text-decoration:underline; }
A:visited{ color:#999999; text-decoration:none; }
A:visited:hover{ color:#6C8EFF; text-decoration:underline; }

#wrap{
width:1100px;
margin-left:auto;
margin-right:auto;
}

#sidebar{
float:left;
text-align:left;
width:150px;
}

#container{
width:900px;
margin-left:160px;
border-left:#CCCCCC 1px solid;
}

#content1{
width:860px;
padding:20px;
float:left;
text-align:justify;
}

h3{
text-align:right;
color:#6C8EFF;
font-size:14pt;
font-weight:bold;
}

h2{
text-align:right;
color:#6C8EFF;
font-size:18pt;
font-weight:bold;
}

#title{
height:120px;
margin-top:30px;
border-bottom:#CCCCCC 1px solid;
text-align:right;
font-size:12pt;
letter-spacing:-1px;
color:#6C8EFF;
}

#footer{
text-align:center;
font-size:10px;
height:30px;
margin-top:10px;
border-top:#CCCCCC 1px solid;
text-transform:lowercase;
}

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background:#F3F3F3;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top:#CCCCCC 1px solid;
text-align: right;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
background: #F3F3F3;
text-decoration: none;
}

#navlist li a:link { color: #6C8EFF; }
#navlist li a:visited { color: #999999; }

#navlist li a:hover
{
border-color: #FE3;
color: #666666;
background: #FFFFFF;
}

#navlist2
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background:#F3F3F3;
width: 13em;
}

#navlist2 li
{
list-style: none;
margin: 0;
border-top:#CCCCCC 1px solid;
text-align: right;
}

#navlist2 li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
background: #F3F3F3;
text-decoration: none;
}

#navlist2 li a:link { color: #6C8EFF; }
#navlist li a:visited { color: #999999; }

#navlist2 li a:hover
{
border-color: #FE3;
color: #666666;
background: #FFFFFF;
}

Y mi setup sería este:

ib.mainMenu = HMENU
lib.mainMenu.entryLevel = 0
lib.mainMenu.wrap = <ul id="navlist">|</ul>
lib.mainMenu.1 = TMENU
lib.mainMenu.1.NO {
linkWrap = <li>|</li>
}

lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu.wrap = <ul id="navlist2">|</ul>
lib.subMenu.1 = TMENU
lib.subMenu.1.NO {
     linkWrap = <li>|</li>
}

config.spamProtectEmailAddresses = 1

page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page


El resultado es el que se puede ver en http://tea.ii.uam.es/~carmen

Mi idea sería poder, por ejemplo, todo el contenido de "products" poder
ponerlo como subopciones de la opción "Products" del menú. Pero eso es
justamente lo que no consigo.

Estaría muy agradecida si pudieran ayudarme en este primer problema que me
he encontrado.

Un cordial saludo y gracias por adelantado.
-- 
Como dijo el sabio,
vayas donde vayas,
ahí estarás