Sovrapporre 2 immagini

luca1317

Sovrapporre 2 immagini

Ho la necessità di sovrapporre 2 immagini, mi riesce sovrapporle e combaciano perfettamente ma si visualizzano in una posizione assoluta (in questo caso in cima a sinistra della pagina) e io vorrei inserirle nel contesto della pagina, ad esempio dopo le scritte "prova testo".


<STYLE TYPE="text/css">
#image1{position:absolute; left:0px; top:0px; visibility:show;}
#image2{position:absolute; left:0px; top:0px; visibility:show;}
</STYLE>
</HEAD>
<BODY>

prova testo <br />
prova testo <br />
prova testo <br />
prova testo <br />
prova testo <br />
prova testo <br />
prova testo <br />
prova testo <br />
prova testo <br />
prova testo <br />
<div id="image1">
<img src="1.jpg" alt="immagine 1" width="500" height="200">
</div>
<div id="image2">
<img src="2.png" alt="immagine 2" width="500" height="200">

devilsflower

Ciao,
puoi provare con:

#image1 {
float:left;
}

#image2 {
float:left;
margin-left:-500px;
}

luca1317

@devilsflower said:

[***]

Funziona perfettamente, grazie mille.