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!
codice:
<!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>
il link alla foto di firefox questo
http://img36.imageshack.us/img36/2609/immagine3x.jpg
vi scrivo perchè volevo sapere 2 cosettine! O meglio 2 consigli!
Rispondi quotando
Inoltre Il problema più grosso è che se io progetto nel mio monitor 24 pollici... poi se apro la pagina nell'altro mnonitor da 17 pollici si sposta tutto... Lo so, sono proprio ignorante 