Positionner un élément sur une image

Ce sujet fait suite à celui-ci : Affecter un évènement une seule fois

Maintenant que j'ai mon jeu mis en place (zones cliquables sur une image avec réponse à donner).

Je souhaiterais mettre en place un radar qui note sur l'image les zones répondues correctement.
Pièce jointe 626669

Je compte donc mettre une image de radar sur l'image et quand je cliquerai dessus des ronds s'affichent là où il y avait la zone cliquable, puis si je clique ailleurs le jeu reprend son cours.
Je n'arrive pas à placer mon radar où je le souhaite (en bas, au milieu, à droite...)

Pièce jointe 626670

J'ai essayé de coder ainsi :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div class="container"> <DIV STYLE="position:absolute; top:250; left:50"> Score : <span id="champDuPrompt"></span> Vies : <span id="nbdevies"></span> <div class="svg-heart"> <svg><use href="#empty-heart"></use></svg> <svg><use href="#empty-heart"></use></svg> <svg><use href="#empty-heart"></use></svg> </div> </DIV>   </div>   <div > <img src="radar.png" width="100" style="position:absolute; top:1650; left:50"> </div>

---

J'espère avoir été assez clair cette fois-ci.

J'ai réussi à placer le radar en bas en mettant :

Code:

---

<img src="radar.png" width= "100" style="position:absolute;bottom:0;">

---

mais je n'arrive pas à le déplacer à droite.
. . . . . . . .

Ah si désolé.

Code:

---

<img src="radar.png" width= "100" style="position:absolute;right: 0">

---