Problema al poner un menú desplegable en horizontal.

[juansalgue]

Hola, en primer lugar presentarme ya que este es mi primer mensaje, en segundo lugar pedir perdón si esta no es la sección en donde debería poner este tema, y en tercer lugar os cuento mi problema a ver si alguien me puede echar una mano:

Estoy intentando insertar en mi web (www.triskelbikes.com) un menú desplegable muy chulo que he encontrado, el problema es que no tengo mucha idea del tema y además este menú tiene una animación con javascript (creo que se dice así), y de esto si que no tengo ni papa, el problema es que en este menú,

http://www.triskelbikes.com/prueba-menu/menu-horizontal-vertical/index.html

me gustaría que el menú madre estuviese colocado en horizontal y el resto de menús en vertical, pero no soy capaz de conseguirlo, he intentado colocar un "float:left" en "#menunav li" dentro de la hoja de estilos, pero el único elemento de la lista que flota al poner esto es el primero, quedando todos los demás en vertical (además de un efecto no deseado de acortamiento en horizontal), aquí tenéis el resultado,

http://www.triskelbikes.com/prueba-menu/menu-horizontal-vertical2/index.html

La verdad es que no tengo mucha idea del tema, pero he estado un montón de horas intentándolo y no soy capaz de hacerlo.

Si os resulta más cómodo os puedo copiar el html, css y el java en un post.

Muchas gracias por adelantado.

[juansalgue]

Ya lo tengo!! El problema estaba en que el ancho total del menú madre era demasiado pequeño, y no cabían los menús en horizontal.

Un saludo.

[jomaruro]

Hola:

Para hacer un menú de ese tipo no necesitas sobrecargar la página con javascript, que además puede no funcionar si se da el caso de que el usuario tenga el javascript desactivado en su navegador, no es algo muy corriente pero... puede ocurrir.

Te recomiendo que le eches un vistazo a los ejemplos que aparecen en las FAQ's del foro de CSS aquí y aquí.

Iniciado por juansalgue

Si os resulta más cómodo os puedo copiar el html, css y el java en un post.

1º No hace falta, al poner la URL ya tenemos acceso a tu código.
2º Una aclaración ahora que estás empezando, no es lo mismo java que javascript, java es un lenguaje de programación del lado del servidor (se ejecuta en el servidor) y javascript es un lenguaje de programación del lado del cliente (se ejecuta en el ordenador del usuario que accede a tu página web).

Saludos.