Neu Seite mit eigenem xhtml-Inhalt: Tabellenformatierung wird nicht übernommen

[Jurka]

Hallo Forum,

ich bin momentang dabei unsere Shopseiten mit etwas Text zu befüllen.
Auf einer Seite möchte ich eine dreispaltige Tabelle einfügen.
Die Spalten sollen den Text im Bocksaatz darstellen und durch bloßen Textabstand, also nicht durch Linien, voneinander getrennt werden.

Obwohl ich in den Tabelleneinstellungen die Abstände zu den Zellengrenzen angebe, werden alle Spalten aneinander gequetscht angezeigt, sobald ich mir die Seite anschaue.

Interessanterweise werden die Spalten im Editor selbst so angezeigt, wie ich es gerne hätte.

Ich habe auch schon mit der gesamtbreite der Tabelle und den Breiten der einzelnen Zellen rumgespielt und kann absolut keine Veränderungen feststellen. Lediglich die Breite der gesamten Tabelle scheint Auswirkungen zu haben.

Freue mich auf Eure Anregungen.

 

[martinwolf]

Das Problem ist hier das CSS vom Bootstrap Framework welches im EVO Template verwendet wird. Dieses formatiert Basis-HTML-Tags entsprechend vor. Weiter sei noch anzumerken, dass Tabellen in einem responsive Design nicht optimal sind da sie irgendwann einfach über den sichtbaren Bereich hinaus schießen. Dafür gibt es Hilfsklassen wie etwa der table-responsive welche per Containerelement um die Tabelle gezogen wird. Dadurch behält die Tabelle ihre Form bei und wird stattdessen inline scrollbar. Tabellen jedoch dafür zu nutzen um einen Text in Spalte aufzuteilen macht man heute auch nicht mehr. Dafür bieten sich per CSS komfortable Möglichkeiten, maximal kann man hier noch mit dem Spaltenratser vom Bootsrrap arbeiten, Tabellen empfinde ich jedoch für diesen Zweck als absolutes No-Go.

 

[Jurka]

Ah ok, danke für Deine Antwort.
Ich muss natürlich mit etwas anfangen, dass ich kann und da wäre eine Tabelle das naheliegendste.

Vorher habe ich nur mit Baukasten-Websites gearbeitet und bin, was das Thema angeht, natürlich absolut verwöhnt von der Einsteigerfreundlichkeit besagter Angebote. Wäre schade, wenn die ganze Sache an so etwas einfachem wie der Textformatierung schon im Vorfeld scheitert 🙂

Ich werde dann mal versuchen mich nach Möglichkeit in den von Dir erwähnten Bereichen schlau zu machen.
Vielleicht kriege ich ja was Gescheites zu stande.

 

[FPrüfer]

Evtl. kannst du das hier https://forum.jtl-software.de/threads/begruessungstext-startseite.90324/#post-515722 als Anregung für das angesprochene Bootstrap-Spaltenraster nehmen. Für eine dreispaltige Ansicht sind dann eben drei Container mit col-md-4 statt col-md-6 notwendig.

 

[Jurka]

Ja super! Vielen Dank. Das hilft mir wirklich sehr.
Ich werde mich mal auf dieser Seite hier:

http://getbootstrap.com/css/

schlau machen. Zum Einstieg.
Wenn jemand einen besseren Vorschlag hat, gerne posten (ich weiss, dass es off topic ist)