Foros del Web » Creando para Internet » CSS »

Menu desplegable multicolumna

Estas en el tema de Menu desplegable multicolumna en el foro de CSS en Foros del Web. Amigos: Estoy trabajando con este menu desplegable: http://www.araudi.net/Desplegables/m...plegable1.html Lo que necesito hacer es que cuando se desplegan los items se puedan ubicar en varias columnas ...
  #1 (permalink)  
Antiguo 05/04/2011, 13:41
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 21 años, 10 meses
Puntos: 7
Menu desplegable multicolumna

Amigos:

Estoy trabajando con este menu desplegable: http://www.araudi.net/Desplegables/m...plegable1.html

Lo que necesito hacer es que cuando se desplegan los items se puedan ubicar en varias columnas en vez de solo una, ya que son demasiados items para mostrarlos uno debajo de otro.

Como podria modificar este menu?

Este es el codigo css:

Código CSS:
Ver original
  1. #menu {  text-align: center;
  2. font-size: 0.7em;
  3. width: 820px;
  4. margin: 20px auto;
  5. }
  6. #menu ul { list-style-type: none;}
  7. #menu ul li.nivel1 { float: left;
  8. width: 162px;
  9. margin-right: 2px;
  10. }
  11. #menu ul li a {display: block;
  12. text-decoration: none;
  13. color: #fff;
  14. background-color: #399;
  15. border: solid 1px #fff;
  16. padding: 8px;
  17. position: relative;
  18. }
  19. #menu ul li:hover {position: relative;
  20. }
  21. #menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
  22. color: #000;
  23. position: relative;
  24. }
  25. #menu ul li a.nivel1 {display: block!important;display: none;
  26. position: relative;
  27. }
  28. #menu ul li ul {display: none;
  29. }
  30. #menu ul li a:hover ul, #menu ul li:hover ul {display: block;
  31. position: absolute;left: 0px;
  32. }
  33. #menu ul li ul li a {width: 160px;
  34. padding: 6px 0px 8px 0px;
  35. border-top-color: #000;
  36. }
  37. #menu ul li ul li a:hover {border-top-color: #000;
  38. position: relative;
  39. }

Si este menu no se puede modificar para mostrar los items como lo necesito, no conocen algun menu que trabaje de esta forma en multicolumnas??

Desde ya muchas gracias por su ayuda.

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #2 (permalink)  
Antiguo 05/04/2011, 14:52
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 14 años, 3 meses
Puntos: 8
Respuesta: Menu desplegable multicolumna

No sé si te refieres a esto:
http://www.araudi.net/Desplegables/m...legable12.html

¿Puede servir?
  #3 (permalink)  
Antiguo 05/04/2011, 15:44
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 21 años, 10 meses
Puntos: 7
Respuesta: Menu desplegable multicolumna

Hola Panamericano:

No me sirve de esa forma ya que solo tengo un nivel en el menu.
Me deberia mostrar por ejemplo:

OPCION 2.1 | OPCION 2.4
OPCION 2.2 | OPCION 2.5
OPCION 2.3 | OPCION 2.6

en ves de uno debajo del otro....
Muchas gracias igual.
Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #4 (permalink)  
Antiguo 05/04/2011, 18:24
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 13 años, 8 meses
Puntos: 11
Respuesta: Menu desplegable multicolumna

Si son demasiados ítems, quizás sea tiempo de dividirlos en subcategorías. Aunque no descarto que exista algún script de javascript para realizar eso de extender el menu a dos columnas o más. Incluso en css, pero lo veo más difícil porque no se le pueden dar parámetros.

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips

Etiquetas: desplegable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:18.