Bilderflut - Teil 2

von Fries Websolutions

Je mehr Bilder auf eine Seite passen sollen, desto schwieriger wird das Arrangement. Sie einfach neben- oder untereinander zu setzen, das wäre zu einfach, macht wenig Lust auf mehr und nimmt den Bildern ihre Wirkung. Eine Idee muss her.

Wir haben ein kleinformatiges Beispiel gewählt, damit alles auf diese Seite passt. Neun Grafiken passen ideal in eine 9*9 Tabelle. Soweit nichts Besonders. Durch einen kleinen Trick setzen wir die Bilder von einander ab und sorgen für Wirkung.

"Cellpadding" und "Cellspacing" werden auf 5 gesetzt und TD jeweils mit einem CSS Rahmen versehen. Mehr ist das nicht, abgesehen von einer passenden Hintergrundfarbe. Gleich ob diese Galerie im Großformat den Monitor füllen muss oder wie hier eher klein daherkommt, sie ist ein Blickfang.

<td style="border : 1px solid blue">

<td style="border : 1px solid white"><img style="border : 1px solid y#996600" src="bild.jpg" width="84" height="84"></td>

Hier werden klare, schlichte Linien verwendet:

<td style="border : 1px solid black">

Hier werden gleich zwei Zeilen gefüllt:

Oder lieber eine horizontale Variante?

Durch einen anderen Zellenhintergrund wird hier ein Bild besonders hervorgehoben:

Hier werden mehrere Rahmen verwendet:

Auch dies ist ein netter Effekt: