Textfarbe in Spalten erinnern

DerfreD · 17. Januar 2019

Sehr geehrtes Forum, folgendes Problem:

Ich habe in einem Artikel eine Tabelle. In dieser Tabelle soll jeder Text in der ersten Spalte grün erscheinen, in der zweiten rot, usw.

Der Textinhalt der Tabelle soll häufig geändert werden, es gibt auch viele leere Zellen.

Stellt man die Textfarbe über den normalen Editor ein, wird sie bei Änderungen nicht zuverlässig beibehalten (stellt man z.B. die Textfarbe einer leeren Zelle auf rot, klickt danach aus der Zelle raus, und gibt anschließend Text in diese Zelle ein, ist er bei mir manchmal rot, und manchmal nicht).

Gibt es eine Möglichkeit, die Textfarbe von Spalten dauerhaft einzustellen?

Gefunden habe ich bisher lediglich diesen Eintrag: https://forum.joomla.org/viewtopic.php?t=151186

Hier wird jedoch nur etwas für Zeilen geändert.

Re:Later · 17. Januar 2019

Unter Nutzung der colgroup geht das z.B. so

https://stackoverflow.com/ques…individual-cells#27234542

Das HTML-Beispiel dort ist wegen der span-Gechichten vielleicht etwas "doof". So der einfache, "normale" Aufbau:

Code

<table>
  <colgroup>
    <col class="grey" />
    <col class="red" />
    <col class="blue" />
  </colgroup>
  <thead>
    <tr>
      <th>#</th>
      <th>grau</th>
      <th>grau</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>1</th>
      <td>red</td>
      <td>red</td>
    </tr>
    <tr>
      <th>2</th>
      <td>blue</td>
      <td>blue</td>
    </tr>
  </tbody>
</table>

Alles anzeigen

DerfreD · 21. Januar 2019

Danke für diesen Hinweis und das vereinfachte Beispiel!

Für mich ist in dem verlinkten Beitrag jedoch nur erkennbar, wie man Hintergrundfarben von Spalten einstellt. Mir geht darum, dass Text spaltenweise in einer bestimmten Farbe erscheinen soll. Also z.B.

text1	text2
text3	text4
text5	text6

am besten noch mit andersfarbiger Kopfzeile.

anka · 21. Januar 2019

Frei nach hier

CSS:

Code

th:nth-child(1) { color: blue; }
th:nth-child(2) { color: magenta; }
th:nth-child(3) { color: cyan; }

td:nth-child(1) { color: orange; }
td:nth-child(2) { color: green; }
td:nth-child(3) { color: red; }

HTML:

Code

<table>
<tr>
<th>Roll No</th>
<th>Name</th>
<th>Team</th>
</tr>
<tr>
<td>1001</td>
<td>John</td>
<td>Red</td>
</tr>
<tr>
<td>1002</td>
<td>Peter</td>
<td>Blue</td>
</tr>
<tr>
<td>1003</td>
<td>Henry</td>
<td>Green</td>
</tr>
</table>

Alles anzeigen

Re:Later · 21. Januar 2019

Zitat von DerfreD

Für mich ist in dem verlinkten Beitrag jedoch nur erkennbar, wie man Hintergrundfarben von Spalten einstellt

Dann nimmst halt in der CSS statt background-color nur color. Das ist dann die Textfarbe.

anka · 21. Januar 2019

Zitat von Re:Later

Dann nimmst halt in der CSS statt background-color nur color. Das ist dann die Textfarbe.

Das klappt bei einem <col>-Element leider nicht. Wie bei <tr> funktioniert auch hier nur background, width/height und visibility. (s.h.)

DerfreD · 22. Januar 2019

Danke, die von anka vorgeschlagene Lösung funktioniert!

Tags