Hallo Horizonttaenzer, dann machen wird das ganze mal mit Tabelle:
Du wir müssen zuersteinmal schauen in welche Reihen wir die Tabelle einordnen können. Das erste was ich sehe sind, dass wir 1, 2, 3, 4 und 5 in einen
<tr></tr>
quetschen werden. Fangen wir also an: Ich bestimme einfach mal, das das größte Bild (also 1) in dieser Reihe 200px hoch ist (das entspricht natürlich nicht dem Originalbild).
Also fange ich an mit:
<tr style="height:200px;"></tr>
Jetzt kommt in die erste Spalte das erste Bild.
<tr style="height:200px;">
<td><img src="1" height="200px"></td>
<td><img src="2" height="200px"></td>
</tr>
Dann kommt direkt das zweite Bild mit hinzu - es ist ja auch gleich hoch. Zur Sicherheit habe ich die Höhe noch einmal zugewiesen. Für die Zukunft: Style im HTML Code ist nicht das optimalste.
Weiter geht es, Bild 4 und 3 kommen dazu:
<tr style="height:200px;">
<td><img src="1" height="200px"></td>
<td><img src="2" height="200px"></td>
<td><p><img src="3" height="100px"></p><p><img src="4" height="100px"></p> </td>
</tr>
Was habe ich gemacht? Beides kommt in eine einzige Spalte. Grund: Sie sind zusammen in der Reihe, jedoch untereinander.
Jetzt fügst du einfach Bild 5 hinten dran:
<tr style="height:200px;">
<td><img src="1" height="200px"></td>
<td><img src="2" height="200px"></td>
<td><p><img src="3" height="100px"></p><p><img src="4" height="100px"></p>
</td>
<td><img src="5" height="200px"></td>
</tr>
Bild fünf hat ja wieder die volle Höhe: Also kann es in eine eigene Spalte.
Jetzt haben wir ein Problem: Im Folgenden wird es durcheinander! Deshalb schließen wir hier die erste Tabelle.
<table>...</table>
Und jetzt würgst du den Rest einfach wie oben beschrieben in weitere einzelne Tabellen.
Dabei musst du natürlich die Höhe, wie du es wünscht, anpassen. Beachte auch, dass du die Höhe von Bild 4 und 3 ggf. ändern musst, je nach dem welcher Wert vom Padding gesetzt ist.
Viel Spaß dabei - oder du benutzt Masonry und hast halt eine kleine Lücke.
Hinweis: Du möchtest bestimmt auch, dass das ganze auch in der Breite genau passt. Da musst du natürlich deine Bilder zuschneiden, aber ich habe gesehen, die sind vom Format passend!