Tabellen als Fliesstext
Manuel
- css
0 Gunnar Bittersmann0 Manuel0 Ingo Turski0 Manuel
0 willie.de
0 willie.de
Hallo,
hab im Forum nach einem Beitrag zum Thema "Tabellen als Fliesstext" gesucht, aber nix passendes gefunden.
Ich möchte gerne mehrere Tabellen nebeneinander als Blocksatz haben.
Hab versucht, diese einzeln in Span-Tags zu packen (bzw. mit float:right), womit sie zumindest nebeneinander sitzen.
Allerdings bekomme ich damit noch keinen Blocksatz hin.
Jemand ne Idee bzw. die Lösung?
Vielen Dank für die Hilfe
Manuel,
Hab versucht, diese [Tabellen] einzeln in Span-Tags zu packen
Keine gute Idee. In span dürfen keine Blockelemente wie Tabellen vorkommen.
Allerdings bekomme ich damit noch keinen Blocksatz hin.
Mir ist nicht ganz klar, was du eigentlich willst. Eine Tabelle am linken Rand, eine am rechten? Sind es noch mehr Tabellen?
Gunnar
Manuel,
Hab versucht, diese [Tabellen] einzeln in Span-Tags zu packen
Keine gute Idee. In span dürfen keine Blockelemente wie Tabellen vorkommen.
Allerdings bekomme ich damit noch keinen Blocksatz hin.
Mir ist nicht ganz klar, was du eigentlich willst. Eine Tabelle am linken Rand, eine am rechten? Sind es noch mehr Tabellen?
ich möchte eine Fotogalerie machen. Die einzelnen Fotos und Bildnamen sind in Tabellen gefasst, um sie wie Dias aussehen zu lassen. Da meine Homepage in der Höhe und Breite dynamisch ist, sollen sich die Dias eben als "Fliesstext" nebeneinander anordnen.
Wenn die Seite dann in Höherer Bildschrimauflösung betrachtet wird, sollen die Dias die volle Breite ausfüllen.
(Danke für die Hilfe)
Hi,
ich möchte eine Fotogalerie machen. Die einzelnen Fotos und Bildnamen sind in Tabellen gefasst, um sie wie Dias aussehen zu lassen. Da meine Homepage in der Höhe und Breite dynamisch ist, sollen sich die Dias eben als "Fliesstext" nebeneinander anordnen.
warum sagst Du das nicht gleich?
Gebe den Tabellen float:left und ein gewünschtes margin. Sie sollten allerdings möglichst dieselbe Höhe haben.
freundliche Grüße
Ingo
warum sagst Du das nicht gleich?
Gebe den Tabellen float:left und ein gewünschtes margin. Sie sollten allerdings möglichst dieselbe Höhe haben.
Damit hab ich aber nicht denselben Abstand sowohl
vor und hinter
sowie
zwischen
den Tabellen
Außerdem soll der Abstand ja variabel sein und nicht fest.
Hi,
Gebe den Tabellen float:left und ein gewünschtes margin. Sie sollten allerdings möglichst dieselbe Höhe haben.
Damit hab ich aber nicht denselben Abstand sowohl
vor und hinter
sowie
zwischen
den Tabellen
wieso nicht? die Tabellen müssen nur gleiche Größe bzw. eigentlich nur gleiche Höhe haben.
Außerdem soll der Abstand ja variabel sein und nicht fest.
Was denn nun? "denselben Abstand" != "variabel".
freundliche Grüße
Ingo
Ingo,
Was denn nun? "denselben Abstand" != "variabel".
Stimmt. Aber es widerspricht sich auch nicht.
Zwischen den Blöcken (warum eigentlich Tabellen?) soll jeweils der gleiche Abstand sein, dieser passt sich variabel an die Fensterbreite an.
Gruß,
Gunnar
Hi,
Stimmt. Aber es widerspricht sich auch nicht.
Zwischen den Blöcken (warum eigentlich Tabellen?) soll jeweils der gleiche Abstand sein, dieser passt sich variabel an die Fensterbreite an.
so gesehen hast Du Recht. Aber auch das wäre durch %-Angaben möglich.
freundliche Grüße
Ingo
Hallö Ingo Turski,
so gesehen hast Du Recht. Aber auch das wäre durch %-Angaben möglich.
Könnte ich für die variablen Abstände zwischen den Tabellen mal ein Beispiel sehen?
Danke & Grüße aus Leipzig
willie
Hi,
Könnte ich für die variablen Abstände zwischen den Tabellen mal ein Beispiel sehen?
Da hab' ich leider keines parat. Allerdings verstehe ich auch nicht, wozu Du variable Abstände haben willst. Ich dachte, Du willst etwas in dieser Art machen.
freundliche Grüße
Ingo
Hallö,
Da hab' ich leider keines parat. Allerdings verstehe ich auch nicht, wozu Du variable Abstände haben willst. Ich dachte, Du willst etwas in dieser Art machen.
Dein beispiel zeigt es genauso, wie es geht. BTW: Schicke Fotos!
Der Wunsch ist ja nicht auf meinem Mist gewachsen ;-)
Außerdem soll der Abstand ja variabel sein und nicht fest.
Und ich versuch zu sagen: Das geht nicht.
Grüße aus Leipzig
willie
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
Hallö Manuel,
dein Problem ist so nicht lösbar. Versuch mal, in einer normalen Textverarbeitung Tabellen im Blocksatz auszurichten...
Ohne das probiert zu haben, verstößt es IMHO gegen die Grundsätze des Umganges mit Absätzen und Blocks/Containern (oder wie auch immer es grad genannt wird). Eine Tabelle ist nun mal ein fest umschlossener Block, in dem tabellarisch aufbereitete Daten angezeigt werden (sollen). Dazwischen funktionieren Einstellungen wie automatische Laufweite nicht.
Grüße aus Leipzig
willie