Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Zitat von Katja23101971 im Beitrag #1

---

...allerdings mit einem schwarzen Rahmen außen und innen.

---

.xtable,th,td{border:2px solid black;padding:10px;}
 

Das "padding" gibt den Abstand in der Zelle um die Schrift an.

Wenn Du z.B. die Überschriften zentriert haben möchtest,dann kannst Du das noch zusätzlich in der CSS eingeben:

.xtable,th{text-align: center;}
 

Gruß
Olaf

hatte auch eine Version vorbereitet:

die Idee ist, jeder Tabellenzelle einen Rahmen zu geben und benachbarte Rahmen zusammen zu fassen (collapse)

padding-inline lässt das ganze nicht so gequetsch aussehen

dazu Text der 1. Tabellenspalte rechts ausgerichtet


in Admin - Layout - Farben&Einstelungen - CSS

 .xquoteable table td  {
	border: thin solid black;
	border-collapse: collapse;
	padding-inline: 5px;
	}
 
.xquoteable table td:nth-child(1) { 
	text-align: right;
	}
 

 

In V4 wird für die Table schon "border-collapse: collapse;" ausgeführt,deshalb habe ich ihn in meinen Code absichtlich nicht mit aufgeführt.

Habe ich denn hier wieder was falsch verstanden?
Die Klasse für den Forencode "table /table" ist nicht die Klasse "xquoteable" zuständig.

Gruß
Olaf

Die Klasse von den Forencode für die Tabellen ist nicht "xtable" sondern "xtables" und ohne Kommas zwischen th und td.

Und so sieht dann mein CSS-Code richtig aus:

.xtables th,.xtables td{border:2px solid black;padding:10px;}
.xtables th{text-align: center;}
 
 

Gruß
Olaf

hi @Katja23101971

Zitat von Katja23101971 im Beitrag #5

---

Hat geklappt. ...

---

.xtables td:nth-child(1) { 
	text-align: right;
	}
 

im Mobil haben die Tabellen von Haus aus Linien