HTML Colspan & Rowspan verbinden?

[Dsimon24]

Hallo zusammen,

ich versuche gerade Zellen einer Tabelle miteinander zu verbinden.
Colspan und Rowspan einzeln anzuwenden, ist dabei kein Problem.
Wie kann ich diese aber, wie im Screen ersichtlich, kombinieren?

Gibt es da Möglichkeiten?

VG, David

 

[Jesterfox]

Bist du dir sicher dass das eine Tabelle werden soll?

 

[hroessler]

Hallo,
eine solche Struktur ist keine Tabelle. Verwende einfach divs dafür.

greetz
hroessler

 

[Mrdk]

Riecht schwer nach Layout-Missbrauch.
Tabellen sind für tabellarischen Inhalt – sonst nichts.

Aber trotzdem, Stichwort ist colspan:

<style type="text/css">
table  {border-collapse:collapse;border-spacing:0;}
table td,
table th {
    border:1px solid #000;
    padding: 20px 40px;
}
</style>
<table>
  <tr>
    <th colspan="2">x</th>
    <th colspan="2">x</th>
  </tr>
  <tr>
    <td>x</td>
    <td colspan="2">x</td>
    <td>x</td>
  </tr>
  <tr>
    <td colspan="2">x</td>
    <td colspan="2">x</td>
  </tr>
</table>

 

[hroessler]

Naja, warum auch vernünftiges HTML/CSS bauen?

greetz
hroessler

 

[Mihawk90]

Es gibt durchaus legitime Einsatzzwecke für Colspan und Rowspan, auch kombiniert (z.b. einfache Featurevergleiche mit einfachen ja/nein/vielleicht checkmarks in Tabellenform). Selbst CB verwendet beide (allerdings größtenteils unabhängig voneinander) in den Artikeln, der jüngste Einsatz war erst die Tabelle im Artikel zu Microns GDDR6.
Bevor man den Einsatzzweck kennt sollte man nicht direkt rumblöken.

Aber egal, zum Thema.

Aber trotzdem, Stichwort ist colspan:

Nein war es nicht, denn er hat bereits geschrieben, dass er beide zu nutzen weiß:

Colspan und Rowspan einzeln anzuwenden, ist dabei kein Problem.

Um die beiden zu kombinieren benötigst du schlussendlich nur beide Attribute auf der Zelle:

<td rowspan="5" colspan="2">content</td>

Ich hab das einfach mal probeweise an der angesprochenen Tabelle im CB Artikel probiert und funktioniert einwandfrei: