Allora! Ho provato ad inserire ora le immagini e noto che nonostante in Dreamweaver io le posizioni bene, su fireforx sposto, intuisco quindi che ci sia qualche tag che mi consenta di rendere relativa o assoluta la posizione di queste immagini! Vedo che nel Div2 che ho creato io (contiene la prima foto in alto a sinistra) c'è la voce "position:absolute", ho provato quindi a cambiarla in relative! Ma naturalmente non avendo dei riferimenti, tutte e 4 le foto si alliniano a sinistra una sopra l'altra... A questo punto ho cercato nella guida che mi hai consigliato ma purtroppo non sono riuscito a trovare i riferimenti al posizionamento delle immagini!
codice:#apDiv1 { width:772px; height:1002px; margin: 0 auto; text-align: left; background: url(../Immagine.JPG) top center no-repeat; } #apDiv2 { position:absolute; left:440px; top:185px; width:231px; height:202px; z-index:1;
Il codice completo è questo!
il link alla foto di firefox questocodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- html, body { margin: 0; padding: 0; text-align: center; } #apDiv1 { width:772px; height:1002px; margin: 0 auto; text-align: left; background: url(../Immagine.JPG) top center no-repeat; } #apDiv2 { position:absolute; left:440px; top:185px; width:231px; height:202px; z-index:1; } #apDiv3 { position:absolute; left:951px; top:189px; width:225px; height:186px; z-index:2; } #apDiv4 { position:absolute; left:438px; top:463px; width:236px; height:172px; z-index:3; } #apDiv5 { position:absolute; left:940px; top:448px; width:245px; height:195px; z-index:4; } --> </style> </head> <body> <div id="apDiv2">[img]../specchiera Maura.jpg[/img]</div> <div id="apDiv3">[img]../La forma che vuoi tu.jpg[/img]</div> <div id="apDiv4">[img]../sagoma1.jpg[/img]</div> <div id="apDiv5">[img]../Doppio fondo punto.jpg[/img]</div> <div id="apDiv1"> [img]file:///C|/Documents and Settings/Operatore/Desktop/Immagine.JPG[/img]</div> </body> </html>
http://img36.imageshack.us/img36/2609/immagine3x.jpg

Rispondi quotando