Foros del Web » Creando para Internet » CSS »

Menu css desaparece con mootools.js, slideshow.js

Estas en el tema de Menu css desaparece con mootools.js, slideshow.js en el foro de CSS en Foros del Web. Hola tengo la siguiente consulta, tengo una página dividida en header, content.... en el header tengo un menu solo con css para llamar al header ...
  #1 (permalink)  
Antiguo 03/01/2011, 02:55
 
Fecha de Ingreso: septiembre-2007
Mensajes: 73
Antigüedad: 10 años, 3 meses
Puntos: 0
Menu css desaparece con mootools.js, slideshow.js

Hola tengo la siguiente consulta, tengo una página dividida en header, content....
en el header tengo un menu solo con css para llamar al header hago un include dentro del index. Aqui viene el problema dentro del contenido tengo unas imagenes que se desplegan con mootools.js, slideshow.js pero una vez que quiero seleccionar el menu se pierde o desaparece. Que opción habría que agregar en el menú para que se habilite encima de las imagenes..

Gracias por la ayuda!!

Adjunto el código del css
Código CSS:
Ver original
  1. .dropList {height:35px; /*background:#FBC21B;*/ font-family:arial, sans-serif; font-size:8pt; position:relative;
  2.  
  3. }
  4. .dropList ul {padding:0; margin:0; list-style:none;}
  5. .dropList ul li div {position:absolute; left:-9999px; top:-9999px; background:url(../img/divBack_menu.gif); border:1px solid #aaa; border-top-color:#ddd; padding-bottom:6px;
  6. -o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  7. -icab-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  8. -khtml-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  9. -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  10. -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  11. box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  12.  
  13. -o-border-radius: 0 0 6px 6px;
  14. -icab-border-radius: 0 0 6px 6px;
  15. -khtml-border-radius: 0 0 6px 6px;
  16. -moz-border-radius: 0 0 6px 6px;
  17. -webkit-border-bottom-right-radius: 6px;
  18. -webkit-border-bottom-left-radius: 6px;
  19. border-radius: 0 0 6px 6px;
  20. }
  21. .dropList ul li div ul {width:180px; float:left;}
  22.  
  23. .dropList ul li {float:left;}
  24. .dropList ul li a {display:block; padding:0 25px 0 10px; float:left; line-height:35px; text-decoration:none; font-weight:bold; color:#000;}
  25. .dropList ul li a.fly {background:url(../img/arrow_menu.gif) no-repeat right center;}
  26. .dropList ul ul li a {padding:0; width:180px; text-indent:10px; line-height:20px; font-weight:normal;}
  27. .dropList ul ul li h4 {padding:8px 0 4px 0; margin:0;}
  28. .dropList ul ul li h4 a {padding:0; width:180px; text-indent:10px; line-height:20px; font-weight:bold; font-size:14px;}
  29.  
  30. .dropList ul li a:hover {background-color:#ddd;}
  31. .dropList ul li:hover > a {background-color:#ddd;}
  32.  
  33. .dropList ul .fourCol:hover div {left:-1px; top:35px; width:720px;}
  34.  
  35. .dropList ul .threeCol:hover {position:relative;}
  36. .dropList ul .threeCol:hover div {left:-1px; top:35px; width:540px;}
  37.  
  38. .dropList ul .twoCol:hover {position:relative;}
  39. .dropList ul .twoCol:hover div {left:-1px; top:35px; width:360px;}
  40.  
  41. .dropList ul .oneCol:hover {position:relative;}
  42. .dropList ul .oneCol:hover div {left:-1px; top:35px; width:180px;}
  43.  
  44. .dropList ul :hover div ul ul {position:absolute; left:-9999px; top:-9999px;}
  45.  
  46. .dropList ul :hover div ul .fly:hover {position:relative;}
  47. .dropList ul :hover div ul .fly:hover ul {left:170px; top:-7px; background:#fff; border:1px solid #aaa; padding:6px 0;
  48. -o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  49. -icab-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  50. -khtml-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  51. -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  52. -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  53. box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  54.  
  55. -o-border-radius: 6px;
  56. -icab-border-radius: 6px;
  57. -khtml-border-radius: 6px;
  58. -moz-border-radius: 6px;
  59. -webkit-border-radius: 6px;
  60. border-radius: 6px;
  61. }
  62.  
  63. .dropList ul :hover div ul .fly:hover ul ul {left:-9999px; top:-9999px;}
  64.  
  65. .dropList ul :hover div ul .fly:hover ul .fly:hover ul {left:170px; top:-7px; background:#fff; border:1px solid #aaa;}
  66.  
  67. .dropList table {border-collapse:collapse; width:0; height:0; margin-bottom:-1px;}

Etiquetas: desaparece
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 00:19.