Printable View
Ciao a tutti, nella mia pagina web vorrei inserire un'immagine grande per metà pagina e sopra questa immagine, alcune immagini più piccole messe a caso sull'immagine stessa.
Purtroppo dopo tante prove le immagini più piccole mi appaiono ai lati dell'immagine più grande e on sopra dove voglio io. Su internet ho trovato qualcosa ma non fa al mio caso.
Secondo voi esperti del settore, è possibile fare ciò? mi date una dritta o un link?
grazie in anticipo
L'immagine contenitore anziché con
la metti conCodice HTML:<img src="immagine.jpg"/>
e dentro al div ci metti tutte le tue altre immaginiCodice HTML:<style>
#img_contenitore {
background-image: url(immagine.jpg);
}
</style>
<div id="img_contenitore">
</div>
Ciao, ho fatto come mi hai suggerito, le immagini vengono sovrapposte ma messe una affianco l'altra da sinistra a destra e non dove vorrei posizionarle io.
Sbaglio qualcosa?
grazie
<style type="text/css">
#container {
width:800px;
height:327px;
vertical-align:top;
float:right;
margin:0 auto;
background-image:url(http://img/.jpg);
}
</style>
<div id="container">
<img style="width: 50px; height: 48px;float:left:300; top:200; alt="" src="http://img2/.png">
<img style="width: 50px; height: 48px;left:400; top:300; alt="" src="http://img3.png">
</div>
Prova a togliere il vertical-align dal #container e il float nella prima immagine...
(e a mettere position:absolute alle immagini...)