grafiken auf einer grafik

[Noah]

hallo,

ich bin gerade dabei eine landkarte zu gestalten, auf der punkte gezeichnet werden sollen. die landkarte ich ein einfaches bild. ich möchte nun anhand von genauen pixelkoodinaten punkte auf dieser karte zeichnen.

wie kann ich über eine bestehende grafik das verwirklichen? mit "div" geht es teilweise, aber sobald es mehrere sind werden automatisch die nachfolgenden um die höhe der vorigen nach unten verschoben. es muss irgendwie ja noch eine bessere lösung geben...

flo

[kills]

du könntest deine Punkte auch per PHP in die Karte einzeichnen!

Wenn sich die Koordinaten deiner Markierung nicht gerade minütlich ändern wäre das eine schöne Möglichkeit. Aber sicher eine Prozessorlastige sache, wenn du das Image nicht z.b. zwischenspeichern kannst, und jedesmal neu rendern musst.

siehe:

http://de2.php.net/manual/de/ref.image.php

oder mit HTML:

die Karte als Background in ein <div> oder <td> und dann <div> layer darüber verteilen(z.b. mit #000000 als BGColor)

[Noah]

das mit dem layer hatte ich ja schon, das geht leider nicht so wie ich es mir vorstelle.

aber ich werd das mit dem image mal anschauen danke.

[etreu]

Bleibe doch bei den divs. Mit absoluten Positionen und einem anderen z-index kommen die sich auch nicht in die Quere.

[Noah]

ja aber mit dem div gehts nicht, der verschieb, dann alle nachfolgenden punkte um die höhe der vorheringen grafik

echo "<STYLE> ";

for($i = 0; $i < $num; $i++ )

{

$x = mysql_result($result, $i, "x");

$y = mysql_result($result, $i, "y");

$x = round($x/5) ; // + -2

$y = round($y/5) ; // + -366

echo "#Element" . $i . " {position:relative; top:" . $y . "px; left:" . $x . "px; width:0px; height:0px;} ";

}

echo "</STYLE>";

for($i = 0; $i < $num; $i++ )

{

echo "<div id='Element" . $i . "'><img src='img/01_small.gif'></div> ";

}

[etreu]

         echo "<STYLE> ";

         for($i = 0; $i < $num; $i++ )

         {


          $x = mysql_result($result, $i, "x");

          $y = mysql_result($result, $i, "y");


          $x =  round($x/5)  ;      // + -2

          $y =  round($y/5)  ;      //    + -366


          echo "#Element" . $i . " {position:absolute; top:" . $y . "px; left:" . $x . "px; width:0px; height:0px; z-index: ".($i+1)."}  ";


         }

         echo "</STYLE>";


         for($i = 0; $i < $num; $i++ )

         {

          echo "<div id='Element" . $i . "'><img src='img/01_small.gif'></div> ";

         }[/PHP]

[Noah]

ich hab jetzt auch so hinbekommen, ich zieh einfach immer die höhe meiner grafik wieder ab, dann ist die positionierung auch richtig

aber mit dem z-index pobier ich auch mal

danke