Willkommen! Ein neues Profil erzeugen Anmelden

Willkommen im Mercedes-Benz W126-Forum!

Tabellen-Erstellung im Posting

Ihr habt die Möglichkeit, in Euren Text Tabellen einzufügen und ansprechend zu formatieren. Wie das geht, erklären wir hier:

Tabellenaufbau

Tabellen bestehen aus Zeilen und Spalten. Diese werden wir nun schrittweise aufbauen (zum besseren Verständnis) bis hin zur kompletten Tabelle. Eine Tabelle benötigt immer drei verschiedene Codes (nachfolgend „Tags“ genannt):

  • [table]
  • [tr]
  • [td]

Tabelle erstellen - [table]

Grundlage ist der Tag [table]. Damit beginnt jede Tabelle; mit dem Tag [/table] endet sie. Wichtig ist, dass beide Tags gesetzt werden, da bei fehlendem Ende die Tabelle nicht korrekt angezeigt wird.

[table]
[/table]

Mit diesem Code passiert noch gar nichts, denn es muss eine Zeilenanzahl und eine Spaltenanzahl angegeben werden.

Tabellenzeile erstellen - [tr]

Als nächsten Schritt legen wir eine Zeile mit [tr] an. Der Tag tr steht für das Englische "table row" = Tabellen Reihe. Das Ende der Zeile wird mit [/tr] angegeben.

[table]
  [tr]
  [/tr]
[/table]

Wie viele Zellen in der Tabellenzeile angezeigt werden, wird über den nun folgenden Tag bewirkt:

Tabellenzelle erstellen - [td]

Noch immer wird nichts angezeigt - es fehlen die Tabellendatenzellen - also der Tag [td], der für das Englische "table data" = Tabellen Daten steht.

[table]
  [tr]
    [td]
    [/td]
  [/tr]
[/table]

Inhalt in Tabelle einfügen

Auch jetzt wird noch nichts angezeigt, da noch kein Inhalt eingetragen ist. Fügen wir also Inhalt in unsere Tabelle ein:

[table]
  [tr]
    [td]
      INHALT ZELLE 1
    [/td]
  [/tr]
[/table]

Das sieht dann so aus:

X

Und nun kommt noch eine Spalte in Form von [td] hinzu:

[table]
  [tr]
    [td]
      INHALT ZELLE 1
    [/td]
    [td]
      INHALT ZELLE 2
    [/td]
  [/tr]
[/table]
X

Das gleiche mit einer weiteren Zeile - beides kann nach Belieben variiert werden.

[table]
  [tr]
    [td] INHALT ZELLE 1 [/td]
    [td] INHALT ZELLE 2 [/td]
  [/tr]
  [tr]
    [td] INHALT ZELLE 3 [/td]
    [td] INHALT ZELLE 4 [/td]
  [/tr]
[/table]
X

Tipp: Wie man Fehler bei Tabellen vermeiden kann.
Wegen der Übersichtlichkeit und um Probleme zu umgehen, sollte besonders bei Tabellen auf sauberen Code geachtet werden. Einrückungen machen es leichter, die Übersicht zu behalten.

Kopfzellen - [th]

Eine Tabelle kann nicht nur gewöhnliche Datenzellen, sondern auch noch Kopfzellen enthalten. Text in Kopfzellen wird hervorgehoben (fett und zentriert ausgerichtet). Der Tag [th] leitet eine Kopfzelle ein, vom Englischen "table header" = Tabellenkopf.

[table]
  [tr]
    [th] [/th]
    [th] KOPF SPALTE 1 [/th]
    [th] KOPF SPALTE 2 [/th]
  [/tr]
  [tr]
    [th] KOPF REIHE 1 [/th]
    [td] INHALT ZELLE 1 [/td]
    [td] INHALT ZELLE 2 [/td]
  [/tr]
  [tr]
    [th] KOPF REIHE 1 [/th]
    [td] INHALT ZELLE 3 [/td]
    [td] INHALT ZELLE 4 [/td]
  [/tr]
[/table]
X

Weiteres

In jeder Tabellenzelle können beliebige Elemente stehen, d.h. außer normalem Text z.B. auch Abbildungen. Sogar eine weitere Tabelle kann innerhalb einer Zelle definiert werden.

Achtung: Die Anzahl der Zellen sollte bei jeder Zeile gleich sein, sodass die Tabelle durchweg die gleiche Anzahl Spalten pro Zeile hat. In der ersten Zeile, die definiert wird, legt man deshalb durch die Anzahl der dort definierten Zellen die Anzahl der Tabellenspalten fest.

Tabellenzellen dürfen auch leer sein. Wenn man in einer Zeile für eine Spalte keine Daten eingeben will, notiert man ein einfaches [td][/td]; ohne diesen Schritt würden die Zellen, die weiter rechts in die gleiche Zeile stehen, nach links aufrücken.

Tabelle ohne Rahmen

Eine Tabelle ohne Rahmen lässt sich mit [table0][/table0] realisieren:

[table0]
  [tr]
    [th] [/th]
    [th] KOPF SPALTE 1 [/th]
    [th] KOPF SPALTE 2 [/th]
  [/tr]
  [tr]
    [th] KOPF REIHE 1 [/th]
    [td] INHALT ZELLE 1 [/td]
    [td] INHALT ZELLE 2 [/td]
  [/tr]
  [tr]
    [th] KOPF REIHE 1 [/th]
    [td] INHALT ZELLE 3 [/td]
    [td] INHALT ZELLE 4 [/td]
  [/tr]
[/table0]
X