Manuel: Tabellen als Fliesstext

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

  1. 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

    --
    I never intended HTML source code (the stuff with the angle brackets) to be seen by users. […] To my surprise, people quickly became familiar with the tags and started writing their own HTML documents directly. (Tim Berners-Lee in Weaving the Web)
    1. 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)

      1. 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

        1. 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.

          1. 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

            1. 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

              --
              I never intended HTML source code (the stuff with the angle brackets) to be seen by users. […] To my surprise, people quickly became familiar with the tags and started writing their own HTML documents directly. (Tim Berners-Lee in Weaving the Web)
              1. 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

                1. 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

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

                    1. 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

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

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