Dynamische Spaltenanzahl bzw. Zellenanzahl pro Zeile in Tabelle

[trup]

Hi!

Für meine Homepage möchte ich auf einer Unterseite eine Galerie mit Bildern erstellen. Habe auch ein vorgefertigtes Script adaptiert, HTML, CSS und PHP gehen ja noch, bei JavaScript hakts aber ein bisschen.

Die Vorschaubilder sind als Tabelle organisiert. Die Seitenbreite ist relativ (90% der Gesamtbreite), deshalb wäre es gut, wenn sich die Tabelle ebenfalls an die Seitenbreite anpasst. Wie schaffe ich es nun also (mit JS?), die Menge der Vorschaubilder pro Zeile an die Seitenbreite anzupassen (z.B. 7 Spalten bei 1000px, 6 Spalten bei 800px usw.)?

Liebe Grüße

 

[pax]

Indem du die Tabelle mit Javascript baust. Die Daten dafür holst du dir entweder mit ajax oder speicherst sie als json in ein data-irgendwas Attribut.
Aber wenn ich dich nicht außerdem darauf hinweise, dass du das besser mit floatenden divs machst, die eine feste Breite haben und deren horizontale Anzahl sich daher automatisch anpasst, werde ich vermutlich verbal gesteinigt.

 

[Sempervivum]

Hallo Trup,
ich empfehle ebenfalls das zweite Verfahren, das dir Pax genannt hat. Zufällig habe ich so etwas gerade für jemand anders gemacht:
http://ulrichbangert.de/div/webdesign/html/mitgliederliste2.html
Leider kriege ich das so nicht zentriert ...

 

[pax]

Leider kriege ich das so nicht zentriert ...

Mach einfach noch einen Container drum herum, den kannst du dann zentrieren.

 

[Bourbon]

Da ein solche Thema ja öfters erscheint, muss ich an dieser Stelle gleich mal eine Frage einwerfen:
Ist Flexbox nicht auch für derartige Dinge geeignet?

 

[trup]

Danke euch vielmals, hat mir sehr geholfen!