Hallo,
ich habe folgendes Problem:
Ich habe auf einer HTML-Seite ein Bild eingebunden und möchte nun in diesem Bild gewisse Punkte als div-Elemente einzeichnen. D.h. die linke obere Ecke (also der Nullpunkt) von allen div-Elementen soll sich auf den Nullpunkt des img-Elements beziehen, das die Karte darstellt. Leider tut es das bei mir nicht, sondern es zeigt alle Punkte nach unten versetzt an.
Zuerst habe ich das Bild wie folgt eingebunden:
Und dann werden in einer Schleife (JSP) die div-Elemente erzeugt, in diesem Zusammenhang spielt das aber keine Rolle, denn das Problem wäre auch mit nur einem div dessen Koordinaten fix definiert sind, analog das Gleiche:
Hat jemand einen Tipp, was ich da falsch mache?
Gruß,
Neo777
ich habe folgendes Problem:
Ich habe auf einer HTML-Seite ein Bild eingebunden und möchte nun in diesem Bild gewisse Punkte als div-Elemente einzeichnen. D.h. die linke obere Ecke (also der Nullpunkt) von allen div-Elementen soll sich auf den Nullpunkt des img-Elements beziehen, das die Karte darstellt. Leider tut es das bei mir nicht, sondern es zeigt alle Punkte nach unten versetzt an.
Zuerst habe ich das Bild wie folgt eingebunden:
HTML:
<img src="Niveau_5.png" style="position:absolute;" alt="Map of Niveau 5" id="map" width="640px" height="480px">Und dann werden in einer Schleife (JSP) die div-Elemente erzeugt, in diesem Zusammenhang spielt das aber keine Rolle, denn das Problem wäre auch mit nur einem div dessen Koordinaten fix definiert sind, analog das Gleiche:
HTML:
<div id="objekt1" style="background-color:#0000ff; position:absolute;
top:200px; left:50px; width:5px; height:5px;" onclick="window.alert(id)"></div>Hat jemand einen Tipp, was ich da falsch mache?
Gruß,
Neo777
