So schaut die Grundstruktur einer Tabelle in der "Codeansicht" aus: (3 Zeilen und 2 Spalten)
[TABLE]
[TR]
[TD][/TD]
[TD][/TD]
[/TR]
[TR]
[TD][/TD]
[TD][/TD]
[/TR]
[TR]
[TD][/TD]
[TD][/TD]
[/TR]
[/TABLE]
Nun wollen wir die Tabelle zentrieren. Dazu klicken wir einfach nach dem Einfügen einer Tabelle auf A/A oben links im Editor. Wir erhalten die "Codeansicht".(Siehe Code oben)
Tabelle zentrieren
Den Anfangstag der Tabelle erweiteren wir einfach wie folgt:
Aus:
[TABLE]
wird
[TABLE="class: grid, align: center"]
grid= Tabellengitter
outer_border = Tabellenaussenrahmen
Der vollständige Tabellencode schaut dann wie folgt aus:
[TABLE="class: grid, align: center"]
[TR]
[TD]1[/TD]
[TD]2[/TD]
[/TR]
[TR]
[TD]3[/TD]
[TD]4[/TD]
[/TR]
[TR]
[TD]5[/TD]
[TD]6[/TD]
[/TR]
[/TABLE]
Die Tabelle sieht dann so aus:
| 1 | 2 |
| 3 | 4 |
| 5 | 6 |
Tabelleninhalt zentrieren
Wir nehmen jetzt einfach mal den Code der zentrierten Tabelle und zentrieren nun den Inhalt der Tabelle. Da die Tabelle keine feste Breite besitzt, habe ich für etwas mehr Breite gesorgt

[TABLE="class: grid, align: center"]
[TR]
[TD="align: center"]1[/TD]
[TD="align: center"]2[/TD]
[/TR]
[TR]
[TD]333333[/TD]
[TD]444444[/TD]
[/TR]
[TR]
[TD]5[/TD]
[TD]6[/TD]
[/TR]
[/TABLE]
Die Tabelle schaut nun wie folgt aus:
| 1 | 2 |
| 333333 | 444444 |
| 5 | 6 |
Wie ihr seht, habe ich einfach hinter den TD-Tag ="align: center" hinzugefügt. das könnt ihr natürlich auch bei den anderen "TD's" machen.
Tabellenspalte eine feste Breite zuweisen
Nicht immer sollen die Spalten ja gleich breit sein.
Wir nehmen den Code von oben wieder und erweiteren die ersten beiden TD's mit folgenden code: , width: 80 bzw. , width: 250
[TABLE="class: grid, align: center"]
[TR]
[TD="align: center, width: 80"]1[/TD]
[TD="align: center, width: 250"]2[/TD]
[/TR]
[TR]
[TD]333333[/TD]
[TD]444444[/TD]
[/TR]
[TR]
[TD]5[/TD]
[TD]6[/TD]
[/TR]
[/TABLE]
Das Ergebnis:
| 1 | 2 |
| 333333 | 444444 |
| 5 | 6 |
Was mir aufgefallen ist, dass wenn man mal öfters editiert einige Attribute verloren gehen.



Bereiche
Kategorien
Artikel bewerten