Discussion :

[lemra]

Bonjour,

J'aurais besoin de récupérer les coordonnées en pixel d'une balise DIV positionnée au centre de ma page via :

Code :

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

1
2
justify-content: center;
align-content: center;

Dans cette balise DIV, je place une image qui est une carte de France où je veux indiquer la position d'une ville.
(J'ai bien les coordonnées de cette ville avec haut et gauche de l"image=0.)

cordialement

[Doksuri]

est-ce que tonDiv.getBoundingClientRect() repond a ta question ?

[NoSmoking]

Bonjour,
tu peux, sans recherche, positionner tes éléments par rapport à un cadre commun en position:relative pour servir de référent.

Exemple de réalisation :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<div id="groupe-images">
  <-- image de fond -->
  <img src="images/france-regions.png" alt="Régions de france">
  <-- images positionnées -->
  <img src="images/marker.png" style="top:415px;left:210px;" alt="Bordeaux" title="Bordeaux">
  <img src="images/marker.png" style="top:405px;left:550px;" alt="Grenoble" title="Grenoble">
  <img src="images/marker.png" style="top:362px;left:508px;" alt="Lyon" title="Lyon">
  <img src="images/marker.png" style="top:550px;left:537px;" alt="Marseille" title="Marseille">
  <img src="images/marker.png" style="top:128px;left:372px;" alt="Paris" title="Paris">
</div>

Pour plus d'infos, regarde cet exemple : Superposition d'images positionnées.

[lemra]

Merci pour vos réponses.

Via 2 pistes, j'ai une solution.