Foros del Web » Creando para Internet » CSS »

Menu desplegable

 Estas en el tema de Menu desplegable en el foro de CSS en Foros del Web. Saludos a todos los del foro quisiera una ayuda estoy haciendo un menu desplegable dentro de un acordeon me va todo bien excepto que cuando ...
  #1 (permalink)  
Antiguo 14/11/2014, 15:04
 
Fecha de Ingreso: noviembre-2014
Ubicación: B/ cupesi
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
Menu desplegable
Saludos a todos los del foro quisiera una ayuda estoy haciendo un menu desplegable dentro de un acordeon me va todo bien excepto que cuando le pongo una position:absolute al menu los li de la lista se me juntan
  #2 (permalink)  
Antiguo 14/11/2014, 15:05
 
Fecha de Ingreso: noviembre-2014
Ubicación: B/ cupesi
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
Respuesta: Menu desplegable
Código CSS: 
Ver original
  1. .menu ul li ul{
  2.     display:none;
  3.   
  4. }
  5. #mnuContabilidad li ul li{
  6.     margin-top: 5px;
  7.     position: relative;
  8.     background-color: green;
  9. }
  10. #mnuContabilidad li ul ul li{
  11.     display: block;
  12.     width: 150px;
  13. }
  14. #mnuContabilidad li ul li:hover ul li{
  15.  display: inline-block;
  16.  position: absolute;
  17.  top:-5px;
  18.  left: 289px;
  19. }
Última edición por omarcito_16_6; 14/11/2014 a las 15:13
  #3 (permalink)  
Antiguo 14/11/2014, 15:48
 
Fecha de Ingreso: noviembre-2014
Ubicación: B/ cupesi
Mensajes: 8
Antigüedad: 10 años
Puntos: 0
Respuesta: Menu desplegable
Código HTML: 
Ver original
  1. <nav id="mnuModulos">
  2.                             <!-- Menu Administracion -->
  3.                             <ul id="mnuAdministracion" name="mnuAdministracion">
  4.                                 <li><input type="button" class="boton-menu" name="btnOpcion1" value="Opcion 1" /></li>
  5.                                 <li><input type="button" class="boton-menu" name="btnOpcion2" value="Opcion 2" /></li>
  6.                                 <li><input type="button" class="boton-menu" name="btnOpcion3" value="Opcion 3" /></li>
  7.                             </ul>
  8.                             <!-- Menu Contabilidad -->
  9.                             <ul id="mnuContabilidad" name="mnuContabilidad" >
  10.                                 <li><input type="button" class="boton-menu" name="mnCuentas" id="Opcion 4" value="Cuentas" />
  11.                                     <ul>
  12.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmMantenimiento.php" id="Opcion 4" value="Mantenimiento  de Cuentas" onclick="limpiar();ms_pagina(this);" /></li>
  13.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmResume_Cuenta.php" id="Opcion 4" value="Consultar Resumen" onclick="limpiar();ms_pagina(this);mss_pagina('DetResume_Cuenta.php?visible=1')" /></li>
  14.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmDet_Cuenta.php" id="Opcion 4" value="Consultar Detalle" onclick="limpiar();ms_pagina(this);mss_pagina('DetResume_Cuenta.php?visible=0');mostrar_det_cuenta()" /></li>
  15.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmRes_His_Cuenta.php" id="Opcion 4" value="Consultar Resumen hist." onclick="limpiar();ms_pagina(this);mss_pagina('DetResume_Cuenta.php?visible=1')" /></li>
  16.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmDet_His_Cuenta.php" id="Opcion 4" value="Consultar Detalle hist." onclick="limpiar();ms_pagina(this);mss_pagina('DetResume_Cuenta.php?visible=0')" /></li>
  17.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Exportar Plan de Cuenta" onclick="limpiar();cargar_maestro('Exportar/frmExportar.php?visible=0')" /></li>
  18.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Importar Plan de Cuenta" onclick="limpiar();cargar_maestro('Importar/frmimportar.php?visible=0')" /></li>
  19.                                     </ul>
  20.                                 </li>
  21.                                 <li><input type="button" class="boton-menu" name="frmResume_Cuenta.php" id="Opcion 5" value="Comprobante" />
  22.                                     <ul>
  23.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmMante_Lotes.php" id="Opcion 4" value="Mantenimiento  de Lotes" onclick="limpiar();ms_pagina(this)" /></li>
  24.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmIng_Compr.php" id="Opcion 4" value="Ingresar Comprobante" onclick="ms_pagina(this); mss_pagina('Presentacion/frmDet_Ing_Compr.php');" /></li>
  25.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmCons_Comprob.php" id="Opcion 4" value="Consultar Comprobantes" onclick="limpiar();ms_pagina(this);mss_pagina('Presentacion/frmDet_Ing_Compr.php');" /></li>
  26.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmRev_Asiento.php" id="Opcion 4" value="Revertir Comprobante" onclick="limpiar();ms_pagina(this)" /></li>
  27.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmCont_Lotes.php" id="Opcion 4" value="Contabilizar por Lote" onclick="limpiar();ms_pagina(this)" /></li>
  28.                                         <li><input type="button" class="boton-menu" name="Presentacion/frmCon_Comp_Historic.php" id="Opcion 4" value="Cns. Comprobante Hist." onclick="limpiar();ms_pagina(this)" /></li>
  29.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Exportar Comprobante" onclick="limpiar();cargar_maestro('Exportar/frmExportar.php?visible=1')" /></li>
  30.                                         <li><input type="button" class="boton-menu" name="Importar/frmimportar.php" id="Opcion 4" value="Importar Comprobante" onclick="limpiar();cargar_maestro('Importar/frmimportar.php?visible=1');" /></li>
  31.                                     </ul>
  32.                                 </li>
  33.                                 <li><input type="button" class="boton-menu" name="frmMantenimiento.php" value="Reportes"/>
  34.                                      <ul>
  35.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Balance de Comprobacion" onclick="ms_pagina(this)" /></li>
  36.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Balance General" onclick="ms_pagina(this)" /></li>
  37.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Estado Resultado" onclick="ms_pagina(this)" /></li>
  38.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Revertir Comprobante" onclick="ms_pagina(this)" /></li>
  39.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Mayor Analitico" onclick="ms_pagina(this)" /></li>
  40.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Libro Diario" onclick="ms_pagina(this)" /></li>
  41.                                         <li><input type="button" class="boton-menu" name="" id="Opcion 4" value="Plan de Cuenta Detallado" onclick="ms_pagina(this)" /></li>
  42.                                     </ul>
  43.                                 </li>
  44.  
  45.                                 <li><input type="button" class="boton-menu" name="frmMantenimiento.php" value="Procesos" />
  46.                                   
  47.                                     <ul  id="menus">
  48.                                         <li><input type="button" class="boton-menu" name="frmIng_Compr.php" id="Opcion15" value="Inicio del Dia" onclick="ms_pagina(this)" />
  49.                                             <ul>
  50.                                                     <li class="lis"><input type="button" class="boton-menu" name="" id="Opcion15" value="Submenu1" onclick="ms_pagina(this)" /></li>
  51.                                                     <li class="lis"><input type="button" class="boton-menu" name="" id="Opcion15" value="Submenu2" onclick="ms_pagina(this)" /></li>
  52.                                                     <li class="lis"><input type="button" class="boton-menu" name="" id="Opcion15" value="Submenu3" onclick="ms_pagina(this)" /></li>
  53.                                             </ul>
  54.                                         </li>
  55.                                         <li><input type="button" class="boton-menu" name="" id="Opcion15" value="Cierre del Dia" onclick="ms_pagina(this)" />
  56.                                             <ul>
  57.                                                     <li ><input type="button" class="boton-menu" name="" id="Opcion15" value="Submenu2.1" onclick="ms_pagina(this)" /></li>
  58.                                                     <li ><input type="button" class="boton-menu" name="" id="Opcion15" value="Submenu2.2" onclick="ms_pagina(this)" /></li>
  59.                                             </ul>
  60.                                         </li>
  61.                                         <li><input type="button" class="boton-menu" name="" id="Opcion15" value="Cierre de Gestion" onclick="ms_pagina(this)" /></li>
  62.                                         <li><input type="button" class="boton-menu" name="" id="Opcion15" value="Ajuste por Inflacion" onclick="ms_pagina(this)" /></li>
  63.                                     </ul>
  64.                                     
  65.                                 </li>
  66.                                 <li><input type="button" class="boton-menu" name="frmMantenimiento.php" value="Configuracion" onclick="ms_pagina(this)"/></li>
  67.                             </ul>
  68.                             <!-- Menu Recursos humanos -->
  69.                             <ul id="mnuRecursosH" name="mnuRecursosH">
  70.                                 <li><input type="button" class="boton-menu" name="btnOpcion1" value="Opcion 7" /></li>
  71.                                 <li><input type="button" class="boton-menu" name="btnOpcion2" value="Opcion 8" /></li>
  72.                                 <li><input type="button" class="boton-menu" name="btnOpcion3" value="Opcion 9" /></li>
  73.                             </ul>
  74.                         </nav>

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


« Tema Anterior | Próximo Tema »


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