Gromhelm: Tabelle in einer bestimmten Weise möglich?

Hallo,
ich habe hier ein Bild welches ich in eine Tabelle umwandeln möchte:
http://home.arcor.de/helmpire/v1.jpg

und zwar möchte ich so Text verfassen können:
http://home.arcor.de/helmpire/v2.jpg
Ich hab mal mit rot gekennzeichnet, wie ich mir die Tabellen vorgestellen würde.

Allerdings schaffe ich es nicht, die Tabelle so zu unterteilen - irgendwie reicht da mein Verständnis von Tabellen nicht weiter :(

Wichtig ist eigentlich nur, dass das Bild links oben  rechteckig in dieser Form sein muss... das ist auch der schwierige Punkt an dieser Sache :(

Ich weiss mir leider nicht zu helfen, kennt ihr vielleicht eine Lösung?

mfg
Gromhelm

  1. Hallo,

    Ich hab mal mit rot gekennzeichnet, wie ich mir die Tabellen vorgestellen würde.

    Du hast 4 Spalten in verschiedenen Breiten:

    ++ ++++++ +++++++++++++++++++++++++ ++

    ... und ebenfalls 4 Zeilen:

    111111111 2222222222222222222222222222
    111111111 3333333333333333333333333 44
    55 66666666666666666666666666666666 44
    77777777777777777777777777777777777777

    Die Ziffern 1 - 7 sind deine 7 Felder. Du siehst, dass Feld 1 über zwei Zeilen (rows) UND zwei Spalten (columns) geht:

    <table border=1>
    <tr><td colspan=2 rowspan=2>1</td>

    Feld 2 belegt nur eine Zeile, geht aber auch über zwei Spalten. Und damit ist die erste Tabellenzeile fertig:
    <td colspan=2>2</td></tr>

    In der zweiten Zeile ist die erste Spalte schon definiert, deshalb nur der Rest:
    <tr><td>3</td><td rowspan=2>4</td></tr>

    Und in Zeile drei ist die letzte Spalte schon definiert:
    <tr><td>5</td><td colspan=2>6</td></tr>

    Zeile vier geht über alle vier Spalten:
    <tr><td colspan=4>7</td></tr>
    </table>

    LG Kalle

    1. wow, hätte nicht gedacht das es so möglich ist, aber dank der super Erklärung hab ich es sogar verstanden :)

      Ich weiss auch nicht mehr an welcher Stelle ich verzweifelt bin, aber ich habe irgendwo immer die falschen rowspan und colspan-Zahlen eingetragen. Zum Beispiel in Zeile 7 - die geht über 4 Spalten, jetzt seh ichs auch. Aber ich habe 3 eingetragen soweit ich mich erinnere ^^

      Vielen Dank für die ausführliche Hilfe und noch mehr für die schöne Erklärung!

      mfg
      Gromhelm

      Hallo,

      Ich hab mal mit rot gekennzeichnet, wie ich mir die Tabellen vorgestellen würde.

      Du hast 4 Spalten in verschiedenen Breiten:

      ++ ++++++ +++++++++++++++++++++++++ ++

      ... und ebenfalls 4 Zeilen:

      111111111 2222222222222222222222222222
      111111111 3333333333333333333333333 44
      55 66666666666666666666666666666666 44
      77777777777777777777777777777777777777

      Die Ziffern 1 - 7 sind deine 7 Felder. Du siehst, dass Feld 1 über zwei Zeilen (rows) UND zwei Spalten (columns) geht:

      <table border=1>
      <tr><td colspan=2 rowspan=2>1</td>

      Feld 2 belegt nur eine Zeile, geht aber auch über zwei Spalten. Und damit ist die erste Tabellenzeile fertig:
      <td colspan=2>2</td></tr>

      In der zweiten Zeile ist die erste Spalte schon definiert, deshalb nur der Rest:
      <tr><td>3</td><td rowspan=2>4</td></tr>

      Und in Zeile drei ist die letzte Spalte schon definiert:
      <tr><td>5</td><td colspan=2>6</td></tr>

      Zeile vier geht über alle vier Spalten:
      <tr><td colspan=4>7</td></tr>
      </table>

      LG Kalle

      1. Vielen Dank für die ausführliche Hilfe und noch mehr für die schöne Erklärung!

        Freut mich, dass ich dir weiterhelfen konnte. Habe hier auch schon sehr viel Hilfe erfahren.

        LG Kalle

        1. Hm, ich habe grade mal die Bilder eingefügt und width-werte angepasst, aber die Struktur funktioniert anscheinend doch nicht so:

          http://home.arcor.de/helmpire/table_test.htm

          Die Tabelle passt irgendwie nicht - die kleine 2. Zeile links wird viel Breiter dargestellt als im Width zu sehen :(

          1. Weiss wirklich keiner warum das so ist?