Bonjour à tous,
Je suis en train de créer une page web qui aura pour but d'afficher le placement de points au-dessus d'une carte. Pour des raisons pratiques et également futures, j'aimerais que ça se fasse en HTML et non avec la librairie GD de PHP, malgré que derrière les données des points seront stockées dans une base de donnée MySQL.
Explications :
Ma carte avec l'attribut CSS "position:absolute;" se trouve dans un div que j'aimerais centrer au-milieu de ma page tel qu'avec align="center" et mes points qui sont des images ont les attributs CSS suivant : "position:absolute; margin-left: ... px; margin-top: ... px;". Mes points se placent bien où je veux au-dessus de ma carte dans mon div, mais c'est juste que le div ne se centre pas au-milieu de ma page mais il est décalé vers la droite, comme si c'était son bord gauche qui était centré. Je précise que sous Firefox et Chrome, j'ai le même résultat.
Voici mon code :
Si quelqu'un a une idée, voir une alternative, merci d'avance
Bon Dimanche à tous.
Je suis en train de créer une page web qui aura pour but d'afficher le placement de points au-dessus d'une carte. Pour des raisons pratiques et également futures, j'aimerais que ça se fasse en HTML et non avec la librairie GD de PHP, malgré que derrière les données des points seront stockées dans une base de donnée MySQL.
Explications :
Ma carte avec l'attribut CSS "position:absolute;" se trouve dans un div que j'aimerais centrer au-milieu de ma page tel qu'avec align="center" et mes points qui sont des images ont les attributs CSS suivant : "position:absolute; margin-left: ... px; margin-top: ... px;". Mes points se placent bien où je veux au-dessus de ma carte dans mon div, mais c'est juste que le div ne se centre pas au-milieu de ma page mais il est décalé vers la droite, comme si c'était son bord gauche qui était centré. Je précise que sous Firefox et Chrome, j'ai le même résultat.
Voici mon code :
<div align="center">
<img style="position: absolute;" src="plan.png"/>
<img style="position: absolute; margin-top: 20px; margin-left: 20px; border: solid 1px #333333; cursor: hand;" src="point.png"/>
</div>
Si quelqu'un a une idée, voir une alternative, merci d'avance
Bon Dimanche à tous.