molily: fieldset {display:inline} -> Alternative mit CSS?

Beitrag lesen

Hallo,

bezüglich der Tabellenlösung:

Tja, über Tabellen hatte ich das ja vorher auch realisiert. Nur bin ich jetzt dabei, zum Layout zweckentfremdete Tabellen durch CSS zu ersetzen. Und bei einer solchen Bildergalerie handelt es sich m.E. nicht um tabellarische Daten.

Ich meinte auch nicht, eine Tabelle zu verwenden, um die Spalten zu realisieren (also eine feste Anzahl von Spalten pro Zeile). Das Tabellenmodell, was ich beispielhaft vorgestellt habe, arbeitet nur mit zwei Spalten, welche die Zuordnungen zwischen den Bildern und den Beschreibungen herstellt, also so ungefähr:

<table>
<tr>
<td><img src="bsw-paar.jpg" alt="Foto von Hans und Gisela" height="193" width="200" /></td>
<td>Hans und Gisela</td>
</tr>
...
</table>

(Eigentlich müsste das jeweils zweite td-Element ein th-Element sein, nur passt die Reihenfolge nicht.)

Folgende Styleregeln würden die einzelnen Paare flexibel nebeneinander positionieren:
tr,td {display:block;}
tr {border:1px solid blue; float:left; padding:5px; margin-right:15px; margin-bottom:15px;}

Außerdem erfordern Tabellen hier einen größeren Aufwand bei Aktualisierungen und sind vor allem nicht frei skalierbar, d.h. ich muß mich - unabhängig von der Fenstergröße - auf drei Bilder/Zeil beschränken, damit es auch bei 800er Breite noch passt.

Das Problem ist mir bewusst, genau das meinte ich nicht.

Grüße,
Mathias

--
<img src="http://validator.w3.org/images/vh20" border="0" alt="">