[SOLUCIONADO] Menú hecho con UL en linea

[madman_18]

Hola a todos!

Estoy intentando hacer el menú de la web que aparezca en línea, del tipo:

título 1 | título 2 | título 3

Mi código es el siguiente:
*el div título es para mostrar una barra donde se pulsaría y se desplegaría el contenido del menú hacia abajo.

Código HTML:

<ul id='menu'>
<div>título 1</div>
<ul id='opciones-menu'>
<li>OP1</li>
</ul>
</ul>
<ul id='menu'>
<div>título 2</div>
<ul id='opciones-menu'>
<li>OP2</li>
</ul>
</ul>
 

Y el css tengo puesto tal que así:

Código CSS:

#menu{float:left;margin: 0!important;}
 

Sin embargo, nunca me aparecen posicionados en línea. ¿A qué se puede deber?
¿Debería tenerlo aplicado a ese contenedor y no a las sub opciones no?

Muchas gracias por la ayuda!

[Calizman]

Hola!

En este enlace puedes encontrar un ejemplo que te ayudará.

El problema que tienes es de código HTML. Si ves el ejemplo, dentro de los elementos <li> están metidos unos <ul></ul> que son los elementos que se despliegan.

Revisa el enlace y verás la diferencia.

Hasta Luego!

[madman_18]

Euuuugm......qué fallo más tontooooo....ya me he dado cuenta.....Perdón por la pregunta tan "tonta" jeje.

Gracias!!!!!!!

[Calizman]

Ningún problema. Estamos para ayudar.

Hasta Luego.