nicht angemeldet
Hallo Johannes,
<html>
<head>
<style type="text/css">
<!--
img { margin:5px 20px; display:block; }
table { float:left; }
td { height:150px; vertical-align:bottom; text-align:center; }
-->
</style>
<title>Image Reflow-Test</title>
</head>
<body>
<table><tr><td><img src="image.gif" width="100" height="110" alt="1" />Bild 1</td></tr></table>
<table><tr><td><img src="image.gif" width="100" height="51" alt="2" />Bild 2</td></tr></table>
<table><tr><td><img src="image.gif" width="100" height="100" alt="3" />Bild 3</td></tr></table>
<table><tr><td><img src="image.gif" width="100" height="100" alt="4" />Bild 4</td></tr></table>
</body>
</html>
ich finde, das ist eine schöne Lösung. img=display:block, damit der Text unter dem Bild erscheint, sonst müsste man hinter jedes Bild <br> setzen, was auch geht. td=text-align:center ist Geschmacksache, ist nur, damit der Text unter dem Bild zentriert ist, sonst wäre er linksbündig. Für eine Mindesthöhe der Zellen musst du dich natürlich entscheiden und zwar so, dass der Text noch unter die Bilder passt.
Was "hältst" du von meiner "Galerie"?
Gruß von Aybee
Gernot Back
Gunnar Bittersmann