mettere img a determinate coordinate

[Gabbro]

Buongiorno ragazzi,
stò facendo un sito di meteo ed ho una cartina d'italia e sopra le provicie devo mettere il sole, le nuvole etc etc.
Come faccio a sovrappore alla cartina dell'italia l'immagine del sole dandogli le cordinate? Sò che si può fare ma non mi ricordo come.

[cristiano_longo]

Devi specificare tutto in maniera assoluta.
Il che significa, per ogni elemento della pagina da piazzare , specifichi l'attributo

style="position : absolute; top : XCOORD; left : YCOORD;"

[Francis87]

se ti è più pratico ricorda gli attributi

bottom: 10px;

e

right: 10px;

[Gabbro]

grazie per la velocità delle risposte ragazzi. Ho notato però che le coordinate si riferiscono alla pagina e non all'immagine. Non esiste un modo grazie al quale le cordinate siano relative all'immagine? e poi in questo modo non succede che le cordinate varino a seconda della risoluzione video dell'utente?

[cristiano_longo]

No, non variano a seconda del video. Per specificare le coordinate in maniera relativa devi creare un box con posizionamento assoluto e piazzarci dentro le immagini.

  <DIV style="position : absolute; top : 0; left : 0; width : 100px; height: 200px;">
    [img]sole.jpeg[/img]
    ....
  </DIV>

[Gabbro]

grazie mille ora ho capito

[Gabbro]

ho notato che se cambio la risoluzione video le gif si spostano. Perchè?

[Gabbro]

help

[antos]

prova a posizionare il div esterno in maniera relativa cioè
<div style="position:relative;widt:xxpx;height:xxpx;>
[img]img.png[/img]
</div>

come regola NON dovrebbe muoversi niente ... al limite posta un link

[Gabbro]

grazie mille antos ora funziona con tutte le risoluzione :mavieni: