Foros del Web » Creando para Internet » CSS »

no me funciona mi submenu en IE6

Estas en el tema de no me funciona mi submenu en IE6 en el foro de CSS en Foros del Web. Hola buen dia quisiera que me pudiecen ayudar, mi problema esque estoy haciendo una aplicacion web para un cliente y el usa explorer 6 y ...
  #1 (permalink)  
Antiguo 29/03/2011, 00:53
 
Fecha de Ingreso: mayo-2010
Mensajes: 78
Antigüedad: 7 años, 6 meses
Puntos: 0
no me funciona mi submenu en IE6

Hola buen dia quisiera que me pudiecen ayudar, mi problema esque estoy haciendo una aplicacion web para un cliente y el usa explorer 6 y no quiere actualizarlo, en si mi problema esque los submenus no aparecen en explorer 6 alguien me pudiese ayudar xfabor

este es mi menu en css
Código CSS:
Ver original
  1. .bg {background: url(../images/button4.gif);}
  2. .menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
  3. .menu li.top {display:block; float:left; position:relative;}
  4. .menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
  5. .menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
  6. .menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../images/down.gif) no-repeat right top;}
  7. .menu li a.top_link:hover {color:#000; background: url(../images/button4.gif) no-repeat;}
  8. .menu li a.top_link:hover span {background:url(../images/button4.gif) no-repeat right top;}
  9. .menu li a.top_link:hover span.down {background:url(../images/button4a.gif) no-repeat right top;}
  10.  
  11. .menu li:hover > a.top_link {color:#000; background: url(../images/button4.gif) no-repeat;}
  12. .menu li:hover > a.top_link span {background:url(../images/button4.gif) no-repeat right top;}
  13. .menu li:hover > a.top_link span.down {background:url(../images/button4a.gif) no-repeat right top;}
  14.  
  15. .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
  16.  
  17. .menu a:hover {visibility:visible;}
  18. .menu li:hover {position:relative; z-index:200;}
  19.  
  20. .menu ul,
  21. .menu :hover ul ul,
  22. .menu :hover ul :hover ul ul,
  23. .menu :hover ul :hover ul :hover ul ul,
  24. .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
  25.  
  26. .menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
  27. .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
  28. .menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
  29. .menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
  30. .menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
  31. .menu :hover ul.sub li a.fly:hover {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
  32. .menu :hover ul li:hover > a.fly {background:#999999 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
  33.  
  34. .menu :hover ul :hover ul,
  35. .menu :hover ul :hover ul :hover ul,
  36. .menu :hover ul :hover ul :hover ul :hover ul,
  37. .menu :hover ul :hover ul :hover ul :hover ul :hover ul
  38. {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}


y este es mi menu:
Código HTML:
Ver original
  1. ul class="menu">
  2.     <li class="top"><a href="#" class="top_link"><span>Registro Instalaci&oacuten
  3.    </span></a>
  4.    <ul class="sub">
  5.             <li><a href="#">Base Instalada</a></li>
  6.             <li><a href="../Grid/gEInstalado.php?query=*&table=equipoI&column=c_equipoinstalado&where=" target="pp">Registro Individual</a></li>       
  7.            <li><a href="../income/registro.php" target="pp"> Registro de Nueva Instalacion </a></li>
  8.            
  9.  </ul></li>
  10.        <li class="top"><a href="#" class="top_link"><span>Embarcados</span></a><ul class="sub">
  11.             <li><a href="../gridview/ex4.php?query=*&table=iembarcados&column=ordernumber&column2=invoce" target="pp">Instrumentos Embarcados</a></li>         
  12.  </ul></li>
  13.  <li class="top"><a href="#" class="top_link"><span>Mantenimientos</span></a>
  14.         <ul class="sub">
  15.             <li><a href="../gridview/ex4.php?query=*&table=mantenimiento&column=c_equipoinstalado&where=" target="pp">Mantenimiento Preventivo Pendiente</a></li>          
  16.         </ul>
  17.     </li>
  18.     <li class="top"><a href="../gridview/ex4.php?query=cliente.d_cliente,equipomodelo.d_modelo,equipoinstalado.n_serie,servicetipo.d_tipo,equipomantenimiento.f_programacion,memo.d_memo&table=cliente,equipomodelo,equipoinstalado,servicetipo,equipomantenimiento,memo&where=equipoinstalado.c_cliente=cliente.c_cliente%20and%20equipomantenimiento.c_equipoinstalado=equipoinstalado.c_equipoinstalado" class="top_link" target="pp"><span>Inventario</span></a></li>
  19.     <li class="top"><a href="../Reportes/CapacityAnalisys.html" class="top_link" target="pp"><span>Capacity</span></a></li>
  20.    <li class="top"><a href="#" class="top_link" target="pp"><span> Entrenamientos</span></a>
  21.    <ul class="sub">
  22.             <li><a href="../Reportes/entrenamiento.html" target="pp">Calendario Entrenamientos</a></li>        
  23.            <li><a href="../gridview/exx.php?query=*&table=cursos&column=c_curso" target="pp">Record Entrenamientos</a></li>
  24.  </ul></li>
  25.      <li class="top"><a href="#" class="top_link"><span>Reportes</span></a>
  26.         <ul class="sub">
  27.             <li><a href="../Reportes/lx20.html" target="pp">Minimum Service Stock</a></li>         
  28.             <li><a href="../Reportes/minimumservice.html" target="pp">Scalations Status</a></li></ul></li>
  29. </ul>
  30. </div>
  31.  
  32.  
  33. </div>
  #2 (permalink)  
Antiguo 29/03/2011, 06:44
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: no me funciona mi submenu en IE6

Supongo que su menú no es creación 100% propia, sino que es algún ejemplo que ha adaptado a sus necesidades.
De no ser así, disculpas por mi presunción.

Debería verificar que no ha omitido nada, ni del html ni del css, del ejemplo. Porque los códigos que ha publicado no funcionarán nunca en ie6 debido entre otras cosas a que ese engendro no acepta la pseudoclase /:hover/ más que en los enlaces /a/ y en su html las listas /ul/ de segundo nivel quedan fuera (como debe ser) de los enlaces.

También deberá repasar los selectores css. En un vistazo rápido he visto que separa con un espacio en blanco el /:hover/ del enlace:
Cita:
.menu :hover ul :hover {} /*<-- erróneo*/
.menu:hover ul:hover {}
  #3 (permalink)  
Antiguo 29/03/2011, 09:43
 
Fecha de Ingreso: mayo-2010
Mensajes: 78
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: no me funciona mi submenu en IE6

es verdad no es mi creacion de codigo solo lo adapte a mi pagina, tienez razon jejejejej pero necesito ayuda no encuentro algun ejemplo que funcione en IE6 ayuda!!
  #4 (permalink)  
Antiguo 29/03/2011, 13:24
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: no me funciona mi submenu en IE6

en las faq´s de este foro hay recopilados unos cuantos menús. Ya tienen su tiempo, pero no tanto como el ie6.
Eso sí, la mayoría de ellos son anteriores a ie8 e ie9, por lo que debería verificar que son funcionales en ellos. No por carencias de los menús, no, sino por lo engendros de los que hablamos (ie´s).

Etiquetas: submenu
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 04:27.