Foros del Web » Creando para Internet » CSS »

posicionar una capa encima de otra...

Estas en el tema de posicionar una capa encima de otra... en el foro de CSS en Foros del Web. Hola amigos... tengo un problemazo que no se como resolver, tengo este código: Código HTML: <div id= "comercial-centro" style= "width:100%; height:379px; background: #fff; margin-bottom:5px;" > ...
  #1 (permalink)  
Antiguo 23/01/2008, 03:00
Avatar de markshock  
Fecha de Ingreso: abril-2004
Ubicación: Allí, al fondo a la izqui
Mensajes: 316
Antigüedad: 13 años, 7 meses
Puntos: 0
posicionar una capa encima de otra...

Hola amigos...

tengo un problemazo que no se como resolver, tengo este código:

Código HTML:
<div id="comercial-centro" style="width:100%; height:379px; background: #fff; margin-bottom:5px;">
 <div style="position:relative; top:0px; left:0px; z-index:10;"><img src="imagenes/img-camiseta-test.jpg" border="0" alt=""></div>
 <div style="position:relative; top:10px; left:150px; z-index:2;">lalalalalalalala</div>
</div> 
Lo que quiero hacer, es que la capa del lalalala poderla posicionar encima de la imagen, he probado de meterle z-index... position:relative... y nada.

el tema está en usar la capa COMERCIAL-CENTRO como contenedor de esas 2 capas...

en fin, espero haberme explicado... básicamente que el lalala flote encima de la capa de la imagen...

Un saludo y mil gracias amigos!
__________________
Señoooraaaa!! Que camisetas!!!

"Hay 10 tipos de personas, las que piensan en binario y las que no"
_________________________________
  #2 (permalink)  
Antiguo 23/01/2008, 03:05
Avatar de markshock  
Fecha de Ingreso: abril-2004
Ubicación: Allí, al fondo a la izqui
Mensajes: 316
Antigüedad: 13 años, 7 meses
Puntos: 0
Re: posicionar una capa encima de otra...

Me respondo a mi mismo....

la cosa sería así....

Código HTML:
<div id="comercial-centro" style="position:relative; width:100%; height:379px; background: #fff; margin-bottom:5px;">
 <div style=""><img src="imagenes/img-camiseta-test.jpg" border="0" alt=""></div>
 <div style="position:absolute; top:10px; left:150px; z-index:2;">lalalalalalalala</div>
</div> 
__________________
Señoooraaaa!! Que camisetas!!!

"Hay 10 tipos de personas, las que piensan en binario y las que no"
_________________________________
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 01:11.