Discussion :

[bahh66]

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.


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...)



J'ai essayé de coder ainsi :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[bahh66]

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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