Foros del Web » Creando para Internet » CSS »

un div encima del otro (o superponer imagenes)

Estas en el tema de un div encima del otro (o superponer imagenes) en el foro de CSS en Foros del Web. hola, quiero poner una foto por php y arriba un marco, es un png o gif con una parte transparente como tengo que hacer para ...
  #1 (permalink)  
Antiguo 21/09/2009, 16:00
(Desactivado)
 
Fecha de Ingreso: julio-2009
Mensajes: 174
Antigüedad: 8 años, 5 meses
Puntos: 3
un div encima del otro (o superponer imagenes)

hola, quiero poner una foto por php y arriba un marco, es un png o gif con una parte transparente

como tengo que hacer para que el marco quede arriba de la imagen?

tengo

<div 1>marco como fondo
<div 2>
imagen
</div2>
</div 1>

pero asi no queda el marco arriba, sino abajo, como fondo

como tendria que hacer?....
  #2 (permalink)  
Antiguo 21/09/2009, 16:09
 
Fecha de Ingreso: septiembre-2009
Mensajes: 130
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: un div encima del otro (o superponer imagenes)

en el css ponnes esta propiedad:

z-index: un numero;

si el numero es 0 sera el que este debajo de todo y asi con el 1 que estara arriba con el 2,3,4 ,5 y etc!

servi de algo?
  #3 (permalink)  
Antiguo 21/09/2009, 16:23
(Desactivado)
 
Fecha de Ingreso: julio-2009
Mensajes: 174
Antigüedad: 8 años, 5 meses
Puntos: 3
Respuesta: un div encima del otro (o superponer imagenes)

no, no me sirvio
  #4 (permalink)  
Antiguo 21/09/2009, 16:39
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: un div encima del otro (o superponer imagenes)

tendrias que hacerlo algo así.

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. #marco{
  3.     border: 3px solid #000;
  4.     position: absolute;
  5.     width: 100px;
  6.     height: 100px;
  7.     z-index: 2;
  8. }
  9. #imagen{
  10.     position: relative;
  11.     background-color: #336699;
  12.     color: #fff;
  13.     width: 100px;
  14.     height: 100px;
  15.     padding: 3px;
  16.     text-align: center;
  17.     z-index: 1;
  18. }
  19. </head>
  20. <div id="contenedor">
  21.     <div id="marco"></div>
  22.     <div id="imagen">imagen</div>
  23. </div>
  24. </body>
  25. </html>
Cambia lo de border por background-image y así como tu quieras
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 21/09/2009, 16:52
(Desactivado)
 
Fecha de Ingreso: julio-2009
Mensajes: 174
Antigüedad: 8 años, 5 meses
Puntos: 3
Respuesta: un div encima del otro (o superponer imagenes)

Buenisimo, gracias
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 08:05.