Tipps für viele Bilder - Redundanz vermeiden

[Rolf b]

...da geht man zwischendurch Kaffee holen und schon sind 3 andere Antworten da :)

Von der table wollte ich auch abraten, einerseits weil es keine tabellarischen Daten sind, und andererseits weil es gerade hier ungünstig ist. Es skaliert schlecht mit der Größe des Browserfensters. Warum soll ein Vollbild auf einem Full-HD Monitor nur 4 Bilder nebeneinander anzeigen?

Für die vorgeschlagene Lösung mit ul und li empfehle ich Dir noch, dem ul Element eine class="albumsegment" oder so zu geben und dann ul und li entsprechend zu stylen:

ul.albumsegment {
   padding: 0; margin: 0;
   display: block;
   list-style:none;
}

ul.albumsegment li {
   padding: 0; margin: 0;     /* Nach Geschmack setzen! */
   display: inline-block;
   width: 200px;              /* Ändern gemäß deiner Vorschaugröße */
   list-style:none;
}

Wenn Du UNBEDINGT eine Maximalzahl von Vorschaubildern nebeneinander haben willst, dann gib dem ul eine max-width.

Wie Du mit width und height der li umgehst, ist Deine Sache und hängt von deinen Vorschaubildern ab. Möglicherweise mischt sich hier auch noch das Lightroom-Skript ein. Musst Du ausprobieren.

Um ein Dekor der Vorschaubilder brauchst Du Dich wohl nicht zu kümmern, das macht Lightroom offenbar für Dich.

Rolf