Tabelle 1. Spalte

Maik20b · #1 (**permalink**) 29.11.2010, 09:59

Hallo,

ich möchte in einer Tabelle in der ersten Spalte einen anderen Hintergrund definieren.

Muss ich zwingend in jeder ersten Zelle einer Zeile ein class="andererhintergrund" setzen? Oder kann ich dem Stylesheet mitteilen, dass die Änderungen immer auf die erste Spalte der Tabelle class="meinetabelle" wirken sollen?

Sowas wie:

Code:

.meinetabelle tr first td{
background:black;
}

Dann muss ich nicht überalle die Klassen setzen.

nevermind · #2 (**permalink**) 29.11.2010, 10:09

first-child: Das erste "Kind" eines Elements: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

netinja · #3 (**permalink**) 29.11.2010, 10:48

Zitat:

Zitat von Maik20b

Hallo,

ich möchte in einer Tabelle in der ersten Spalte einen anderen Hintergrund definieren.

Muss ich zwingend in jeder ersten Zelle einer Zeile ein class="andererhintergrund" setzen? Oder kann ich dem Stylesheet mitteilen, dass die Änderungen immer auf die erste Spalte der Tabelle class="meinetabelle" wirken sollen?

Sowas wie:

Code:

.meinetabelle tr first td{
background:black;
}

Dann muss ich nicht überalle die Klassen setzen.

Hallo Maik,

Du könntest auch die erste Spalte in ein <th> anstatt ein <td> setzen, und dann im Stylesheet:

.meinetabelle tr th { background:black; }

:first-child versteht zumindest der IE-6 nicht.
IE-7 weiß ich nicht.

Maik20b · #4 (**permalink**) 29.11.2010, 11:42

Danke das habe ich gesucht!

Rico · #5 (**permalink**) 29.11.2010, 15:41

Du kannst auch mit

HTML-Code:

<colgroup>
<col id="spalte1"><col id="spalte2"><col id="spalte3"><col id="spalte4">
</colgroup>

arbeiten. Damit kannst du beliebige Kolonnen/Spalten anders formatieren. Natürlich auch den Hintergrund ändern.

Rico

ArcVieh · #6 (**permalink**) 29.11.2010, 17:05

Zitat:

Zitat von Rico

Du kannst auch mit [..] arbeiten. Damit kannst du beliebige Kolonnen/Spalten anders formatieren. Natürlich auch den Hintergrund ändern.

Was die deutlich schönere Variante ist.
Hier ein Beispiel.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Tabelle + erste Spalte kein Hover?	klaholz	CSS	8	15.07.2011 22:27
zweiter spalte einer tabelle eine extra-anweisung geben?	hubert17	CSS	5	15.08.2010 14:50
Tabelle - bestimmte Spalte aussehen definieren	krakos	CSS	1	24.05.2006 04:59
Tabelle 100% Breite durch letzte Spalte	xm22	CSS	2	11.04.2006 13:49
eine Spalte in Tabelle selektiv stylen	marek	CSS	2	06.07.2005 19:28