willie.de: Tabellen als Fliesstext

Beitrag lesen

Hallö Manuel,

ich möchte eine Fotogalerie machen. Die einzelnen Fotos und Bildnamen sind in Tabellen gefasst, um sie wie Dias aussehen zu lassen.

Dafür ist nicht die Struktur, für die eine Tabelle geeignet wäre. Du könntest die Bilder besser in eine Liste oder in einzelne Blöcke setzen und diese entsprechend formatieren.

Um dich etwas näher an die Idee zu führen, dass du tatsächlich keine Tabelle benötigst, poste ich mal ein (fast) fertiges Beispiel. Die CSS-Formatierung im Head:
  ul { font-family:sans-serif; font-size:.7em; text-align:center; list-style-type:none; } /* Liste ohne Listenzeichen */
  li { float:left; text-align:center; background:#DEDFDE; color:#000000; border:outset medium #DEDFDE; margin:.5em; padding:2em 1em .5em 1em; } /* Diarahmen */
  img { background:#808080; border:inset thin #DEDFDE; width:200px; height:150px; } /* Bildrahmen */

im Body:
  <ul>
   <li><img src="Bild1" alt=""><br>dd.mm.yy<br>Beschreibungstext</li>
   <li><img src="Bild2" alt=""><br>dd.mm.yy<br>Beschreibungstext</li>
   <li><img src="Bild3" alt=""><br>dd.mm.yy<br>Beschreibungstext</li>
   <li><img src="Bild4" alt=""><br>dd.mm.yy<br>Beschreibungstext</li>
   <li><img src="Bild5" alt=""><br>dd.mm.yy<br>Beschreibungstext</li>
   <li><img src="Bild6" alt=""><br>dd.mm.yy<br>Beschreibungstext</li>
  </ul>

Das Beispiel zeigt bis Breiten von (etwas mehr als) 1000px auch im Vollbild die Anordnung der 'Diarahmen'. Die Abstände dazwischen können nur einen bestimmten Wert bekommen. Eine dynamische Berechnung anhand der Bildschirmbreite (Auflösung, Fenster etc.) ist ohne Scripte *nicht* möglich.

Wenn die Seite dann in Höherer Bildschrimauflösung betrachtet wird, sollen die Dias die volle Breite ausfüllen.

Das kann innerhalb von Blöcken, die du ja haben *willst*, weder mit Tabelle noch anders (mit reiner Formatierung) erreicht werden.

Grüße aus Leipzig
willie

--
ss:| zu:} ls:# fo:| de:] va:} ch:? sh:( n4:( rl:° br:> js:| ie:% fl:( mo:}
Selfcode Decoder