Manera de encarar el problema de submenús

[MarioAraque]

Buenas noches,

Hago este thread ya que me anduvieron comentando que una solución como la que busco es muy facil con Javascript. Mi idea era hacerla con CSS, pero me gustaria ver una posible solucion con JS.

La idea es maquetar lo que se ve en el siguiente enlace:

http://www.oscaluz.com/arkoslight/de...ca2/web08.html

La idea conceptual siento que la tengo clara: Controlar el evento hover de PRODUCTOS, y al pasar el raton mostrar ese menú. Dicho menú ya lo tengo maquetado, sin embargo no se como plasmarlo en la barra de navegacion horizontal.

El nav lo hice con <ul> y <li> ... como hago entonces para mostrar todo un div dentro de un li? Tengo que declarar un ul y poner dentro lo que quiero? Y como hago para controlar la posicion del div? Porque se supone que tengo que ponerlo por encima de todo.....

Tengo bastantes problemas y me gustaria que me guien nada mas, y yo despues haria el codigo.

Desde ya muchas gracias.

Saludos.

[jackson666]

No necesitas ponerlo dentro del <li>... Necesitas un evento si no me equivoco
Vos lo que queres es que al pasar el mouse por Productos se te muestre ese menu?
Si es eso, deberias usar onmouseover y jugar con la visibilidad del div

[MarioAraque]

Pero el div donde lo tengo que poner? Porque si lo pongo dentro del menu de navegacion entonces el mismo se me hace pedazos, deja de verse como yo quiero.

Mas que nada me mata la ubicacion del div, como hago para que justamente salga ahi? Y como hago para que se muestre por encima de lo demas?

Lo mio va mas alla de Javascript, lamentablemente no tengo idea de como hacerlo.

Muchas gracias por tu pronta respuesta, jackson666.

Saludos.

[jackson666]

Para que se muestre ahi, deberias hacerlo con position (te recomiendo el dreamweaver, te vas a volver loco sino) y para ponerlo encima con z-index=1

[MarioAraque]

Pero a lo que voy es que, yo tengo el codigo de mi nav, que esta hecho con UL y LI.
Tengo un LI que tiene un enlace que dice PRODUCTOS, si yo agrego ahi dentro el DIV con el menu, entonces el nav se me destroza, no se ve absolutamente nada!

Entonces eso me hace pensar que debo ponerlo fuera del UL, pero como controlo que JUSTO aparezca debajo de productos? Esa es la primer cuestion.

Mira, aca lo tengo maquetado al nav, junto con algunas webs del proyecto:

http://www.adisseny.com/desarrollo/mario/index.html

Gracias nuevamente.

Saludos.

[jackson666]

con position, top, left, right, bottom pones el div en el lugar que mas te guste

[MarioAraque]

Mañana trabajare en esto y posteare de nuevo mostrando lo que hice. La verdad muchas gracias por tu ayuda.

Saludos.