Tabellenformatierung

[mcdeejay]

Tach,

eine Frage zur Formatierung von Tabellen: Ich kann dies über die CSS mit verschiedenen Selektoren bewerkstelligen (.col, .even). Innerhalb einer Zelle kann ich dann aber wohl nur mit HMTL-Tags formatieren?

Hintergrund: Veranstaltungsübersicht in Tabellenform, 3-spaltig. In der dritten Spalte Name der Veranstaltung, kurze Info und Referent. Der Name sollte fett erscheinen. Die ist dann wohl nur über

<b></b>

möglich? Oder gibt es eine andere Lösung?
Auf eine zusätzliche Spalte für den Veranstaltungsnamen wollte ich wg. Layoutbreite verzichten.

[Andreas]

Ich kann dies über die CSS mit verschiedenen Selektoren bewerkstelligen (.col, .even).

Ja, geht mit diesen CSS-Klassen, falls vorhanden, geht aber auch ohne. Suche nach nth-child Selektor.

Innerhalb einer Zelle kann ich dann aber wohl nur mit HMTL-Tags formatieren?

<td>Veranstaltung, Referent, Info</td>

Hier kannst du z.B. das erste Wort nicht mit CSS formatieren. Dazu müsste 'Veranstaltung' innerhalb eines Tags stehen, z.B.

<td><strong>Veranstaltung</strong>, Referent, Info</td>

Besser STRONG nehmen anstatt B, B hat keine semantische Bedeutung.

Typisches HTML für solche Sachen:

<td><span class="veranstaltung">Veranstaltung</span> <span class="referent">Referent</span> <span class="info">Info</span></td>

Eine komplette Spalte könntest du z.B. so formatieren

td.last-child {
  font-weight: bold;
}

Siehe auch wieder CSS nth-child.

[mcdeejay]

Hi,

erstmal Danke für die Antwort. War einige Tage außer Gefecht, deshalb erst jetzt meine Antwort.

Ich muss das irgendwie anders lösen, denn die Tabelle wird von Redakteuren gepflegt, denen will ich kein HTML zumuten.

[MacKP]

Dann guck dir doch mal table4ward an (entweder über Composer oder per Hand über github zu installen).
Damit bekommst du den Tiny in den Zellen beim Tabellen CE. Das dürfte dann für den Redakteur einfacher sein ;-)

Viele Grüße

[Monic49]

Meine besten Erfahrungen:
Man kann aber auch im althergebrachten Text-Inhaltselement die Tabelle einfügen, die entsprechenden css-Elemente in eine class setzen und TinyMCE erweitern. Dann kann der Redakteur auch alleine Design noch ändern. Leider arbeite ich noch nicht mit dem Composer und kenn table4ward nicht.
Tabelle.PNG

[MacKP]

Hallo Monic49,
du kannst das auch (wie oben geschrieben) per Hand installieren. Von Github runter laden und dann (wie im Contao Handbuch beschrieben) hochladen und DB update machen. Fertig.
Dann hat man im Tabellen Content Element (nach einem doppelten Linksklick) in jedem Feld den TinyMCE. Was noch einfacher zu bedienen ist als eine Tabelle im Tiny drinn zu haben wie ich finde. Da gibt es immer mal wieder Probleme beim bearbeiten, die es dann doch nötig machen in den Quellcode zu gehen.

Ansonsten einfach mal Composer testen und nutzen.

Viele Grüße

[Andreas]

Ich muss das irgendwie anders lösen, denn die Tabelle wird von Redakteuren gepflegt, denen will ich kein HTML zumuten.

Ah, ok, das sieht jetzt so aus, als würdest du den Redakteuren anbieten eine Tabelle im Tiny einzupflegen. Das würde ich auf jeden Fall nicht machen. Nie den Redakteuren HTML zumuten.

Es gibt da mehrere Möglichkeiten um es den Redakteuren zu erleichtern.

Erstens sehe ich gerade, dass du von Veranstaltungen sprichst. Also solltest du die Redakteure die Veranstaltungen dort (im Events-Modul) einpflegen lassen und dir ein Ausgabetemplate erstellen, welches deinem Wunsch entspricht.

Ansonsten könntest du im Tiny (falls du Verlinkungen brauchst) oder im CE-HTML eine Eingabe vorgeben

Ort|Datum|Beschreibung|anderes

Und diese Eingabe in einem Template in eine Tabelle wandeln.

Oder mal mit dem MarkDown Element probieren.
https://michelf.ca/projects/php-markdown/extra/#table
http://daringfireball.net/projects/markdown/

Oder die Inhalte aus einer CSV auslesen und die Tabelle bauen.

{{file:my-table.html5?csv=events}}

Aber ich denke, dass hier eigentlich nur das Events-Modul wirklich Sinn macht.