2. Grafik mit Text in Tabellen

Wenn Ihr mehrere Bilder innerhalb einer Zeile beschriften wollt, ist das nicht so ohne weiteres machbar. Eine sehr gute Möglichkeit ist es aber, Grafiken in eine Tabelle einzubinden. Wie eine Tabelle funktioniert beschreibe ich nicht, denn ich gehe davon aus, daß Ihr über HTML-Grundkenntnisse verfügt. Hier geht es mir nur um Gestaltungsprobleme, bei denen meine Seiten Euch vielleicht eine kleine Hilfe sein können.

Tabelle mit Rahmen:

Die Tabelle und auch die Zelleninhalte einer Tabelle werden standardmäßig links ausgerichtet. Wenn Ihr align=center-Angaben macht, sieht es besser aus.

Die Breite der Spalten richtet sich nach der größten Breite eines Zelleninhalts innerhalb der Spalte. Es sieht schöner aus, wenn Ihr mit der width=Pixel-Angabe alle Spalten gleich breit gestaltet.

Bei einer Tabelle mit sichtbarem Rahmen finde ich es meistens auch besser, die Höhenangabe mit height=Pixel zu verändern, da die Gitternetzlinien sonst zu dicht an das Bild herangehen.

eine Tabelle mit Rahmen
ein Bild	eine Blume	ein Stift	eine Tasse	ein Teddy

Tabelle ohne Rahmen:

Eleganter ist es, die Tabelle ohne sichtbaren Rahmen zu gestalten. Hier ist aber der Abstand zwischen Bild und seiner Untertitelung oft zu groß, da die Zelleninhalte vertikal zentriert ausgerichtet werden. Ihr könnt jedoch mit der valign=bottom-Angabe für die Zeile mit den Bildern den Abstand der Grafik zum Text verringern.

eine Tabelle ohne Rahmen
ein Bild	eine Blume	ein Stift	eine Tasse	ein Teddy