11 Stimme

HTML: Tabelle - Zellen verbinden

Frage von MyDVDs | 17.01.2012 um 15:37

Ich habe eine Tabelle mit 2 Zeilen und 2 Spalten, insgesamt also 4 Zellen:

<table>
  <tr>
    <td>Zelle 1</td>
    <td>Zelle 2</td>
  </tr>
  <tr>
    <td>Zelle 3</td>
    <td>Zelle 4</td>
  </tr>
</table>

Ich möchte nun die oberen beiden Zellen (also Zelle 1 und Zelle 2) verbinden, weil darin ein langer Satz über die ganze Breite der Tabelle stehen soll. Geht das irgendwie?

AntwortenPositivNegativ
2Beste Antwort2 Stimmen

Das Zauberwort heißt colspan. Mit colspan definierst du die Anzahl von Zellen, über die sich eine Zelle nach rechts ausdehnt.

In deinem Beispiel wäre das:

<table>
  <tr>
    <td colspan="2">Lange Zelle</td>
  </tr>
  <tr>
    <td>Zelle 3</td>
    <td>Zelle 4</td>
  </tr>
</table>

Zelle 1 und Zelle 2 sind damit zu einer langen Zelle über 2 Zellen verbunden.

Wenn du Zellen untereinander verbinden willst, funktioniert es mit rowspan. Einfach in die erste Zelle so wie oben reinschreiben.
Letztes Update am 03.09.2020 | Erstellt am 20.01.2012

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

CSS-Stylesheets in HTML einbinden

Tutorial | 0 Kommentare

PHP: Eine E-Mail versenden

Tutorial | 0 Kommentare

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.