Foros del Web » Creando para Internet » CSS »

hacer funcionar menu desplegable

Estas en el tema de hacer funcionar menu desplegable en el foro de CSS en Foros del Web. Buenas, estoy teniendo una tremenda batalla con un menu desplegable y nuestro querido IE6. Tengo el siguiente css @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original /* ...
  #1 (permalink)  
Antiguo 17/12/2009, 10:31
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 13 años, 1 mes
Puntos: 43
hacer funcionar menu desplegable

Buenas,
estoy teniendo una tremenda batalla con un menu desplegable y nuestro querido IE6. Tengo el siguiente css
Código CSS:
Ver original
  1. /* menu nuevo para todos los IE menos el 5*/
  2.  
  3. #menu {  text-align: left;
  4. font-size: 11px;
  5. width: 751px;
  6. /*margin: 20px auto;*/
  7. }
  8. #menu ul { list-style-type: none;}
  9. #menu ul li.nivel1 { float: left;
  10. width: auto;
  11. margin-right: 2px;
  12. }
  13. #menu ul li a {display: block;
  14. text-decoration: none;
  15. color: #000;
  16. background-color: #e9bb8a;
  17. padding: 13px 14px 11px;
  18. position: relative;
  19.  
  20. }
  21. #menu ul li:hover {position: relative;
  22. }
  23. #menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #ffa449;
  24. color: #000;
  25. position: relative;
  26. }
  27. #menu ul li a.nivel1 {display: block!important;display: none;
  28. position: relative;
  29.  
  30. }
  31. #menu ul li ul {display: none;
  32. }
  33. #menu ul li a:hover ul, #menu ul li:hover ul {display: block;
  34. position: absolute;left: 0px;
  35.  
  36. }
  37. #menu ul li ul li a {width: 160px;
  38. padding: 6px 0px 8px 0px;
  39. border-top-color: #000;
  40.  
  41. }
  42. #menu ul li ul li a:hover {border-top-color: #000;background-color: #e9bb8a;
  43. position: relative;
  44. font-weight:bolder;
  45. }
  46. table.falsa {border-collapse:collapse;
  47. border:0px;
  48. float: left;
  49. position: relative;
  50. }
  51.  
  52. /*fin menu desplegable*/

lo pueden ver en www.oniricosistemas.com.ar/proyectos/
el tema es que quiero sacar el color que se muestra al pasar por la barra del menu (no los submenu).
La idea que siga teniendo el mismo color de fondo:
Código CSS:
Ver original
  1. background-color: #e9bb8a;

pero cuando intento poner aca:
Código CSS:
Ver original
  1. #menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #ffa449;
esto:
Código CSS:
Ver original
  1. #menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #e9bb8a;
ya no me muestra el desplegable, solamente pasa con ese color si le pongo otro color funciona todo con normalidad como puede ser esto?
  #2 (permalink)  
Antiguo 17/12/2009, 11:32
Avatar de Willy_N  
Fecha de Ingreso: diciembre-2009
Ubicación: Cádiz
Mensajes: 334
Antigüedad: 8 años
Puntos: 18
Respuesta: hacer funcionar menu desplegable

¿Y dónde se supone que se encuentra ese menú desplegable?
Es que yo no lo veo por ninguna parte en el ejemplo que has puesto.
  #3 (permalink)  
Antiguo 17/12/2009, 12:09
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: hacer funcionar menu desplegable

Cita:
¿Y dónde se supone que se encuentra ese menú desplegable?
+1

ahora destor77 #menu ul li:hover en IE 6 y anteriores, la pseudo clase :hover solo existe a elementos <a> por eso falla... de aconsejo visitar http://araudi.net/ alli tiene un ejemplo :)

Obien con este pequeño script ya te funciona
http://www.xs4all.nl/~peterned/csshover.html
al igual que este otro
http://code.google.com/p/ie7-js/

chao y suerte!...
  #4 (permalink)  
Antiguo 17/12/2009, 20:48
Avatar de destor77  
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 13 años, 1 mes
Puntos: 43
Respuesta: hacer funcionar menu desplegable

hola perdon la url era:
http://www.oniricosistemas.com.ar/pr...s=seccion&id=1
igual no costaba hacer un click en cualquier seccion para que te llevara al menu no jejeje

alexK:
por lo que vi (el menu me lo pasaron armado) lo sacaron de aca http://araudi.net/Desplegables/menu_desplegable1.html

salu2
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 07:49.