Klappt trotzdem nicht so wie ich mir das vorstelle. Ich habe jetzt folgendes geschrieben:
<img style="display:block" src="1.jpg" width="100" height="100">
<img style="margin-top:-50px" src="2.jpg" width="100" height="100">
Sowohl die erste als auch die zweite Grafik sind 100x100 Pixel groß. Die zweite soll um 50 Pixel weiter unten stehen als die erste. Sie wird allerdings 100 Pixel weiter unten angezeigt. Ist ja eigentlich logisch, da die erste Grafik durch "disply:block" ein Inline-Element wird und die zweite Grafik dadurch in die nächste Zeile rutscht. Durch das "margin-top:-50px" müßte die Grafik aber doch eigentlich wieder um 50px nach oben geschoben werden. Klappt aber nicht.
Was kann ich denn tun, damit die zweite Grafik nicht um 100 sondern nur um 50 Pixel weiter unten als die erste Grafik angezeigt wird? Verfolge ich überhaupt den richtigen Ansatz?