Scusate, sono di nuovo io. Non riesco a posizionare come vorrei le immagini in una pagina. Praticamente ho utilizzato degli zindex per giocare con i livelli. ma per un corretto utilizzo è necessario che le immagini restino sempre sovrapposte, a prescindere dalle dimensioni della finestra browser. Ho provato con tutte le combinazioni di posizione (position absolute, relative, fixed), ma niente. Vi scrivo il codice sotto, grazie mille.
<style type="text/css"> a img{ margin-left: 20px; margin-top: 25px; width:60px; border:0; } a:hover img{ margin-left: 0px; margin-top: 0px; width:100px; } #schermo { position: absolute; margin-left: 300px; margin-top: 0px; z-index: 1;} #casapagina { position: absolute; z-index: 3;} #imac { position: absolute; z-index: 2; margin-left: 70px; margin-top: 40px;} </style> </head> <body> <div id="casapagina"> [img]../img/botton_casapagina.png[/img] </div> <div id="imac"> <p align="center"> [img]img/imac.png[/img] <map name="date" id="date"> <area shape="rect" coords="35, 65, 150, 100" href="img/13-05-2011/tasti.png" target="#tasti"> </map> </div> <div id="schermo"> <iframe name="schermo" height="550px" width="900px" border="0" src="1.html"> </iframe> </div> </body> </html>
