imagenes

[Jayapata12]

hola a todos como estan

tengo una duda no se si es posible hacer esto
quiero montar una imagen sobre otra imagen en cierta posicion

espero que puedan ayudarme con esto..
Gracias de antemano..

[jesusbet]

XHTML
---------
<div class="imagenes">
<img src="imagen.jpg" />
<img src="imagen2.jpg" />
</div>

CSS
---------
div.imagenes img {
position: absolute;
top: 0px; /* destancia entre el top y el borde superior de la imagen */
left: 0px; /* destancia entre la izquierda de la ventana y el borde izquierdo de la imagen */
}

saludos

[Jayapata12]

si pero la segunda imagen no puedo ponerla en la posicion que deso por ejemplo
imagen1 que es del fondo y la segunda imagen2 queiro que se me ponga en el centro de la imagen1

[jesusbet]

Haberlo dicho antes:

XHTML
---------
<div class="imagenes">
<img src="imagen.jpg" />
<img src="imagen2.jpg" class="img2" />
</div>

CSS
---------
div.imagenes img {
position: absolute;
top: 0px; /* destancia entre el top y el borde superior de la imagen */
left: 0px; /* destancia entre la izquierda de la ventana y el borde izquierdo de la imagen */
}

div.imagenes img.img2 {
position: absolute;
top: 5px; /* destancia entre el top y el borde superior de la imagen */
left: 7px; /* destancia entre la izquierda de la ventana y el borde izquierdo de la imagen */
}

Nomás es cuestión de modificar el top y left

[K3NNY]

No te olvides de ponerle un z-index para elegir cual va arriba de cual.

[Jayapata12]

OK Gracias jesusbet por tu ayuda te agradesco mucho....