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
#menu { text-align: center; font-size: 0.7em; width: 820px; margin: 20px auto; } #menu ul { list-style-type: none;} #menu ul li.nivel1 { float: left; width: 162px; margin-right: 2px; } #menu ul li a {display: block; text-decoration: none; color: #fff; background-color: #399; border: solid 1px #fff; padding: 8px; position: relative; } #menu ul li:hover {position: relative; } #menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC; color: #000; position: relative; } #menu ul li a.nivel1 {display: block!important;display: none; position: relative; } #menu ul li ul {display: none; } #menu ul li a:hover ul, #menu ul li:hover ul {display: block; position: absolute;left: 0px; } #menu ul li ul li a {width: 160px; padding: 6px 0px 8px 0px; border-top-color: #000; } #menu ul li ul li a:hover {border-top-color: #000; position: relative; }
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.