Buenas,
estoy montando una web y tengo un menú que no tengo claro como montar. El
menú tiene 2 niveles: el primer nivel (con 4 elementos) se ha de mostrar en
linea, y debajo de cada uno hay un submenu con 2 o 3 elementos que se
muestran en bloque. Tendria la apariencia de una tabla con 4 columnas i 3
filas, donde la primera fila es el nombre del menú y las otras filas son el
submenu.
Mi idea era crear el menu con <ul> i el display inline, pero no acaba de
funcionar. Aquí va el código:
<ul class='menu'>
<li>Roser Sales</li>
<ul class='submenu'>
<li>Biografia</li>
<li>Currículum</li>
<li>Obra representativa</li>
</ul>
<li>Taller de gravat</li>
<ul class='submenu'>
<li>Edicions per artistes</li>
<li>Cursos a mida</li>
</ul>
<li>Novetats</li>
<ul class='submenu'>
<li>Anuncis</li>
<li>RSN recomana</li>
</ul>
<li>Contacte</li>
<ul class='submenu'>
<li>Vull llogar un espai</li>
<li>Vull apuntar-me a un curs</li>
<li>Vull dir la meva</li>
</ul>
</ul><!-- fi classe menu -->
I el css:
ul.menu li {
display:inline;
}
ul.submenu li {
display:block;
}
El problema es que al haver el ul.submenu dentro de los <li> se pierde el
comportamiento que da el "inline". O sea, que el menú aparece en vertical!
Es normal que al poner una nueva lista dentro de otra lista no se pueda
poner en linia? He hecho algo mal???
Gracias!!!
Joan
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
