Tabelle in Pyramidenform

Die Grafik zeigt, was ich haben möchte.
Eine HTML-Tabelle in Pyramidenform. Ich habe bisher nicht rausgekriegt, wie man das vernünftig hinbekommt. Wäre für jede Hilfe dankbar. :oops:

Hier der Code zu der normalen Tabelle.

<table border="1">
  <tr>
    <td>Zeile 1</td>
  </tr>
  <tr>
    <td>Zeile 2</td><td>Zeile 2</td>
  </tr>
  <tr>
    <td>Zeile 3</td><td>Zeile 3</td><td>Zeile 3</td>
  </tr>
</table>

Was muss ich ändern, damit die Tabelle so aussieht, wie auf der Grafik?

Durch entsprechende Nutzung des Attributs „colspan“ in Verbindung mit „width“ müsste das funktionieren.

„Müsste“ ist leider nicht gut genug. Es geht nicht mit colspan.
Bei Zeile 1 kann ich zwar noch sagen, dass die Zelle sich über die 3 Spalten erstrecken soll, aber ich kann den Zellen in der zweiten Reihe ja keinen colspan von 1,5 geben. :S

Okay, dann nicht müsste, sondern muss.

  1. An den Seiten, den „Treppen“ der Tabelle musst Du natürlich trotzdem Zellen setzen.
  2. Es kommt nur colspan=„2“ vor. Oder gar kein colspan.

Das Feld, das Du mit „Zeile 1“ beschrieben hast, liegt ja auch nur über 2 Spalten, wie kommst Du da auf 3?

Die Lösung, damit Du mich nicht anpflamst :wink:

  1. Zeile: Drei Zellen, alle mit colspan=„2“
  2. Zeile: Vier Zellen, die beiden äußeren ohne colspan, die inneren mit „2“
  3. Zeile: Drei Zellen, alle mit colspan=„2“

Getestet, funktioniert.

Aber bitte nicht zu Layoutzwecken!!!

Ahhh. Dankeschön. Habe nicht daran gedacht noch mehr Zellen als Hilfe hinzuzufügen. ;Jump