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

Zitat von BeNew im Beitrag #1

---

So etwas wie man hier mit dem Beitrags Editor oben mit Tabellensymbol einfügen kann.

---

Zitat von BeNew im Beitrag #1

---

übrigens finde ich diese Iconbar sehr hübsch, die könnte ich auch so brauchen.

---

Als Einstieg in CSS ist die Tabellengestaltung nicht der einfachste Weg.

https://wiki.selfhtml.org/wiki/HTML/Tabe...taltung_mit_CSS

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/border


Tabellen im Beitrag werden mit diesem Selektor angesprochen

.xquoteable table { 
	border : 1px solid red;
 	border-collapse: collapse; 
	}
 
.xquoteable table tr:first-child { 
	text-decoration: bold;
	}
 
.xquoteable  table td { 
	border:1px dotted blue;
	}
 

Der Code von l2otbart_57 ist ein guter Ansatz. Ich habe dazu noch ein paar Anmerkungen.

"border-collapse: collapse;" wird schon von dem V4-CSS angewendet, es wird also nicht benötigt. "text-decoration: bold;" ist ungültig. Es gibt entweder “text-decoration: underline” oder “font-weight: bold”. Gemeint ist hier wohl letzteres. Im Chrome wird dieser Stil auch standardmäßig angewendet. Ich weiß allerdings nicht, ob das auch bei anderen Browsern der Fall ist, also habe ich es im Stil gelassen.

So sieht das angepasste CSS aus:

.xquoteable table {
     border: 1px solid red;
}
.xquoteable table tr:first-child {
     font-weight: bold;
}
.xquoteable table td {
     border: 1px dotted blue;
}
 

Du kannst das CSS unter Admin → Layout → Farben & Einstellungen → CSS einfügen. Die Farben solltest du vielleicht auch noch anpassen.

wenn man sich eine simple Tabelle mit [table] [tr] [td] [th] baut, kann man sie mit den Entwicklerwerkzeugen untersuchen.


habe ich mal im V4 gemacht und mir die definierten Stile gelistet

der [table]-code wird so gewandelt:
<table class="xtables table table-bordered">


v4 mobil:

table {
    border-collapse: collapse;
}
 
.table-bordered {
    border: 1px solid #ced4da;
	}
 
.table {    width: 100%;
    margin-bottom: 1rem;
    color: #444;
	}
 

im V4 Desktop

table {
    border-collapse: collapse;
    width: 100%;
    border: none;
}
 

sind .table und .table-bordered nicht näher definiert.

mit diesen Infos sollte das Überschreiben der Regeln nicht so schwer sein ...

wusste gar nicht, das neben dem [table]-Code noch ein [table|class] in der Iconbar definiert ist.

mit den hier im V6 definierten Styles lässt sich das demonstrieren

[table]
[tr][th]0[/th][th]1[/th][th]2[/th][/tr]
[tr][th]0[/th][td]1[/td][td]2[/td][/tr]
[tr][th]0[/th][td]1[/td][td]2[/td][/tr]
[/table]
 
 

[table|table-bordered]
[tr][th]0[/th][th]1[/th][th]2[/th][/tr]
[tr][th]0[/th][td]1[/td][td]2[/td][/tr]
[tr][th]0[/th][td]1[/td][td]2[/td][/tr]
[/table]
 

table.th-gruen th { color:green}
 

und die Tabelle damit aufrufen

[table|table-bordered th-gruen]

einfacher geht's doch nicht - oder ?