nicht angemeldet
Hallo,
habe den Code nochmal ein wenig überarbeitet. Jetzt benötigt man auch keine Höhenangaben mehr. Getestet mit FF1.03 u. IE 5.5. Das <wrb> am Ende gehört nicht zum HTML-Standard und ist dafür da, damit IE5.5 die Zeilen umbricht. FF1.03 scheint einen kleinen Bug zu haben. Beim öffnen der Seite ist der Text erst mal linksbündig, wenn man das Fenster dann verkleinert, so dass die Zeile umbricht, ist er zentriert, dann kann man das Fenster wieder vergrößern, und der Text bleibt zentriert.
Ich habe mich übrigens für eine Tabellenlösung entschieden, weil eine Zelle immer noch der beste Ort ist um irgendetwas vertikal auszurichten. Ich bitte um Belehrungen;-)
<html>
<head>
<style type="text/css">
<!--
/*table,img { border:solid 1px; }*/ /*Kommentar entfernen um Elemente zu sehen*/
img { display:block; } /*damit der Text unterm Bild steht*/
td { vertical-align:bottom; } /*richtet den Inhalt in allen Zellen untenb. aus*/
table table { display:inline; } /*damit die Tab. für die Bilder nebeneinander stehen*/
table table td { text-align:center; } /* Ausrichtung für Bilder u. Text*/
-->
</style>
</head>
<body>
<table><tr><td>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="100" height="100" alt="1" />Bild 1</td></tr></table><wbr>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="100" height="50" alt="2" />Bild 2</td></tr></table><wbr>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="50" height="100" alt="3" />Bild 3</td></tr></table><wbr>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="150" height="150" alt="4" />Bild 4</td></tr></table><wbr>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="100" height="150" alt="5" />Bild 5</td></tr></table><wbr>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="150" height="100" alt="6" />Bild 6</td></tr></table><wbr>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="180" height="50" alt="7" />Bild 7</td></tr></table><wbr>
<table><tr><td><img src="http://de.selfhtml.org/src/logo.gif" width="50" height="180" alt="8" />Bild 8</td></tr></table><wbr>
</td></tr></table>
</body>
</html>
Gruß von Aybee
Gernot Back
Gunnar Bittersmann