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.


codice:
<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>