• Ausrichtung der Tabellen im CKEditor

    Ok, da es wohl doch mehrere interessiert, schreibe ich mal direkt den Code hierrein, damit es einige vielleicht nachvollziehen können<br>

    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
    Edit:
    Was mir aufgefallen ist, dass wenn man mal öfters editiert einige Attribute verloren gehen.
    Ursprünglich wurde dieser Artikel in diesem Thema veröffentlicht: Tabelle und deren Inhalt zentriert? - Erstellt von: franzis Original-Beitrag anzeigen