Grafiken überlagern

[Morlon]

Grüße,
ich hab ein kleines Problem auf meiner Page. Ich möchte mehrere Grafiken übereinander legen und weiß nu nicht so ganz wie.
Das Problem ist, dass die Grafiken nicht alle an der gleichen stelle sind, sondern sich 'kreuz & quer' auf der Seite befinden.
Kann mir da wer einen Tip geben?

[FraFu]

Hallo!»» Grüße,

ich hab ein kleines Problem auf meiner Page. Ich möchte mehrere Grafiken übereinander legen und weiß nu nicht so ganz wie.
Das Problem ist, dass die Grafiken nicht alle an der gleichen stelle sind, sondern sich 'kreuz & quer' auf der Seite befinden.
Kann mir da wer einen Tip geben?

Vielleicht hilft dir das:
Positionierung von Elementen

position:absolute

mfg
  frafu

[Morlon]

Danke dir, genau das hab ich gesucht :)
hab jetzt allerdings ein kleines Problem.
Erstmal kurz 2 Zeilen Quelltext:
#box1 { position:absolute; top:0px; left:420px; z-index:1; }
<div id="box1"><img border="0" src="quad1.gif" width="42" height="32"></div>

Ich erstelle so insgesamt 400 Boxen, die zusammen eine Karte ergeben. Funktioniert auch soweit.
Das Problem, dass ich jetzt noch hab ist, dass die grafiken alle unterschiedlich groß sind und ich eigentlich die rechte untere ecke meiner Grafik als Bezugspunkt angeben möchte.
Als ichs so versucht hab  position:absolute; bottom:0px; right:420px;  musste ich leider feststellen, dass sich right und bottom auf die Seite, nicht auf meine Grafik beziehen.

Ums nochmal kurz etwas verständlicher zu machen ein kleines Beispiel:
Ich hab eine Grafik die 10x10px groß ist. Diese soll von pixel 0|0 bis 10|10 angezeigt werden. Mein php-script weiß allerdings nicht, dass die Grafik 10x10 Pixel groß ist. Es weiß nur, dass die rechte untere Ecke an punkt 10|10 liegt.

Hab ein wenig rum probiert, aber komm nicht dahinter, wie ich das angeb.

Theoretisch könnt ich auch die Grafik mit php öffnen und die Größe auslesen, allerdings könnte das bei 400 Grafiken der Performance zur Last fallen.

Kann mir wer weiter helfen?