Foros del Web » Creando para Internet » CSS »

Traer Objetos al Frente (Problemas)

Estas en el tema de Traer Objetos al Frente (Problemas) en el foro de CSS en Foros del Web. Amigos la presente es para pedir ayuda tengo una botonera vertical orizontal desplegable y abajo de la botonera tengo una imagen, pero cuando despliega la ...
  #1 (permalink)  
Antiguo 28/09/2010, 12:37
Avatar de vbonive  
Fecha de Ingreso: septiembre-2010
Mensajes: 86
Antigüedad: 7 años, 3 meses
Puntos: 0
Traer Objetos al Frente (Problemas)

Amigos la presente es para pedir ayuda tengo una botonera vertical orizontal desplegable y abajo de la botonera tengo una imagen, pero cuando despliega la botonera los botones se despliega por detras de la imagen que esta debajo.
por favor a la espera de asu ayudas estimados Colaboradores..}
Gracias.
  #2 (permalink)  
Antiguo 28/09/2010, 13:43
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Traer Objetos al Frente (Problemas)

Hola vbonive, y tu codigo??

por lo pronto solo te puedo decir que investigues sobre la propiedad z-index

Saludos DTB
  #3 (permalink)  
Antiguo 28/09/2010, 13:46
Avatar de vbonive  
Fecha de Ingreso: septiembre-2010
Mensajes: 86
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Traer Objetos al Frente (Problemas)

Amigo el codigo de css es:


/*Botonera*/
li {
font-size: 1em;
text-align:center;
position: fixed; bottom: 0px; left: 0px;z-index: -1;
}
ul {
font-size: 1em;
list-style: url(none) none;
}
ul, li {
margin: 0;
padding: 0;
text-indent: 0;
ALK
}
ul li {
display: inline;
float: left;
position: static;
background-color: #FFFFFF;
width: 141px;
margin: 0;
background-position: center center;
font-size: 11px;
font-style: normal;
}
ul li a {
text-align:center;
background-image:url(menu/Botonera.jpg);
font-family: Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
font-size: 1.5em;
display: block;
width: 130px;
padding: 12px 5px;
}
ul li a:hover, ul li a:active {
color:#33CC00;
background-image:url(menu/Botonera2.jpg);
background-position: center center;
}
ul li ul {
position: absolute;
display: none;
}
ul li ul li {
display: list-item;
float: none;
margin: 0;
}
ul li ul li a {
font-size: 1.15em;
background-color: #F7F7F7;
color: #000000;
text-align:left;
width:140px;
}
body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: url(tutifri.jpg);
background-repeat: no-repeat;
background-color: #FFF;
}
/*Fin de la Botonera Principal*/

/*Imagenes de Trabajadores Intercambio*/
}
.slideshow {
background-position:center center;
width: 500px;
margin-right: 77px;
margin-left: 77px;
}
.slideshow img {
background-position: center center;
float: none;
clear: none;
}


El despliegue de la botonera esta por debajo de la imagenes de trabajadores de intercambio cosa que no puede ser por que no se lee el boton para darle click
  #4 (permalink)  
Antiguo 28/09/2010, 14:42
 
Fecha de Ingreso: septiembre-2010
Mensajes: 525
Antigüedad: 7 años, 2 meses
Puntos: 59
Respuesta: Traer Objetos al Frente (Problemas)

Hola. Modifica el z-index de la botonera a 1.
Saludos
  #5 (permalink)  
Antiguo 28/09/2010, 14:43
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Traer Objetos al Frente (Problemas)

Hola,

Sin probar ni mas en la parte

ul li ul {
position: absolute;
display: none;
z-index:1000;
}

prueba con esto.

Saludos DTB
  #6 (permalink)  
Antiguo 28/09/2010, 15:20
Avatar de vbonive  
Fecha de Ingreso: septiembre-2010
Mensajes: 86
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Traer Objetos al Frente (Problemas)

Gracias amigo esa es la solucion saludos.

Etiquetas: objetos
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 20:46.