Peter: Tabellen um Ecken

Hi,

kann man Tabellen um Ecken machen?

Zuerst so:

|----------------------------|
|         |                  |
|         |                  |

----------------------------

Dann so(?):

|----------------------------|
|         |                  |
|         |                  |
|         |                  |
|---------|                  |
|                            |
|                            |

Geht das?

Peter

  1. Hallo Peter,

    ganz einfach: sieh mal in SelfHTML, HTML-Syntax, bei colspan und rowspan nach, da wirst du sicher fündig.

    Grüße
    Siechfred

    1. Halo Peter, hallo Siechfred,

      ganz einfach: sieh mal in SelfHTML, HTML-Syntax, bei colspan und rowspan
      nach, da wirst du sicher fündig.

      Ich bezweifele sehr stark, daß das möglich ist.

      Wenn wir uns nochmal die Struktur der Starttabelle anschauen, dann haben wir
      vier Zellen:

      |---------------|
      |       |       |
      |   1   |   2   |
      |       |       |
      |-------|-------|      (Bild a)
      |       |       |
      |   3   |   4   |
      |       |       |
      |---------------|

      Um eine senkrechte, zwei Zellen umspannende Spalte zu kriegen, muß man die
      obere der beiden Zellen mit rowspan auszeichnen, hier also Zelle 2:

      |---------------|
      |       |       |
      |   1   |       |
      |       |       |
      |-------| 2 + 4 |      (Bild b)
      |       |       |
      |   3   |       |
      |       |       |
      |---------------|

      Um eine waagerechte, zwei Zellen umspannende Zeile zu kriegen, muß man die
      linke der beiden Zellen mit colspan auszeichnen, hier also Zelle 3:

      |---------------|
      |       |       |
      |   1   |   2   |
      |       |       |
      |-------|-------|      (Bild c)
      |               |
      |     3 + 4     |

      Um folgende Struktur mit einer großen Zelle hinzukriegen, muß man also die
      große Zelle gleichzeitig in Ursprungzelle 2 und Ursprungszelle 3 auszeichen.

      |---------------|
      |       |       |
      |   1   |       |
      |       |       |
      |-------|       |      (Bild d)
      |               |
      |   2 + 3 + 4   |

      ... was unmöglich ist.

      Peter:
      Um den von Dir gewünschten visuellen Effekt zu kriegen, müßtest Du entweder
      die Ränder zwischen den Zellen als blind auszeichnen, also hier der Rand
      zwischen Zelle 2 und 4 und der Rand zwischen Zelle 3 und 4.

      Oder aber Du benutzt was ganz anderes als Tabellen, nämlich CSS. Guck Dir
      mal float an, ich denke, das schafft genau den von Dir gewünschten Effekt.
      Und noch dazu muß man sich nicht mit Tabellen rumärgern. ;-)

      http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float

      • Tim
      --
      Memes don't exist. Tell your friends.