Quadratische "Zelle" um <img>

[Aladdin]

Hallo, als Ausgabe eines Skripts bekomme ich thumbnails folgender Art:

<img src="image.jpg" class="thumbnail" />

Die Bilder sind dummerweise manchmal im Hoch- und manchmal im Querformat.

Auf einer Seite werden 4x4 dieser Bilder angezeigt. Damit das ganze optisch etwas schöner aussieht, würde ich sie gerne in eine Art "Raster" einpassen. Wie eine 4x4 Tabelle mit quadratischen Zellen, in denen die Bilder dann vertikal und horizontal zentriert sind.

Auf <div> und <span> würd ich gerne verzichten, wenn es geht. Kann man den <img> Tag so mit css formatieren, dass ich eine 200x200px Box um das Element habe?

Ich hoffe, Ihr versteht mein Anliegen ;-)

[Adromir]

Wie eine 4x4 Tabelle mit quadratischen Zellen, in denen die Bilder dann vertikal und horizontal zentriert sind.

Dann mach es doch so Oder Benutze eine Definition- List..

[Aladdin]

Ich will/kann ja nicht den HTML Code verändern. Die Formatierung in 4x4 Zellen soll komplett über das css laufen. Geht das?

[Adromir]

mWn. nicht

[Nele]

Es würde gehen, wenn du über PHP die Breite und Höhe der Bilder ausliest und abhängig davon z.B. eine Klasse mit den passenden margin- oder padding-Angaben vergibst. Weiß aber nicht, ob du die Möglichkeit dazu hast.