Foros del Web » Creando para Internet » CSS »

Problema con menú acordion

Estas en el tema de Problema con menú acordion en el foro de CSS en Foros del Web. Hola. Estoy desarrollando un sitio con un menú tipo acordión horizontal donde cada botón despliega una imagen, con un slide. Este funciona perfecto cuando el ...
  #1 (permalink)  
Antiguo 20/08/2010, 16:45
 
Fecha de Ingreso: agosto-2010
Mensajes: 1
Antigüedad: 7 años, 3 meses
Puntos: 0
Problema con menú acordion

Hola.
Estoy desarrollando un sitio con un menú tipo acordión horizontal donde cada botón despliega una imagen, con un slide. Este funciona perfecto cuando el contenido de cada uno de los items es un jpg. Pero cuando remplacé cada jpg por un swf se me desordenó todo. En firefox lo veo todo bien, el problema aparece en explorer y chrome, ya que los swf se sobreponen a los botones del menú quedando todos los botones a una profundidad mas abajo que los swf.

este es el css para el slide...ojala alguien me pueda ayudar!!!

/*--- slides ---*/
#slides { top: 350px; left: 0px; width: 1200px; height: 280px; overflow: hidden;
}
#slides .slide { position: absolute; top: -6px; width: 670px;
}
#slides .slide img { position: absolute; top: 0px; left: 0px;
}
#slides .slide .slidebutton { display: block; position: absolute; top: 0px; right: 0px; height: 285px; width: 100px; text-decoration: none; border-right: 1px solid white; background-color: #693d5e; background-image: url(imagenes/bot-off.jpg); background-repeat: no-repeat;
}
#slides .active .slidebutton { background-color: #ffd800; background-image: url(imagenes/bot-on.jpg); background-repeat: no-repeat;
}
#slides .slide .slidebutton img { position: absolute; top: auto; display: block; bottom: 5px; left: 5px; height: 31px;
}

#slide-1 { position: absolute; top: 0; right: 600px; z-index: 7; }
#slide-2 { position: absolute; top: 0; right: 500px; z-index: 6; }
#slide-3 { position: absolute; top: 0; right: 400px; z-index: 5; }
#slide-4 { position: absolute; top: 0; right: 300px; z-index: 4; }
#slide-5 { position: absolute; top: 0; right: 200px; z-index: 3; }
#slide-6 { position: absolute; top: 0; right: 100px; z-index: 2; }
#slide-7 { position: absolute; top: 0; right: 0px; z-index: 1; }
  #2 (permalink)  
Antiguo 21/08/2010, 23:05
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problema con menú acordion

Hola direccionsur, esto te puede servir, duplica las capas de modo tal que te queden hermanas entre si. y dale z-index:1; a la capa de abajo y z-index:2; a la capa de arriba. Para que z-index funcione debes tener posicionadas tus capas en relative, absolute o fixed.

Saludos.

Etiquetas: menu-acordion, menu-css-horizontal, slide, superponer
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 05:29.