Tabelle in Pyramidenform

[Vernum]

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.

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?

 

[Efchen]

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

 

[Vernum]

"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

 

[Efchen]

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 ;-)

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!!!

 

[Vernum]

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