Tabellenformatierung

[Anton]

Hai,

ich möchte eine Tabelle der Klasse "spezifikationen" folgendermaßen gestalten.

• Tabelle/Zellen soll 1 px scharzen Rand haben
• die Zelleninhalte sollen nicht den Zellenrand berühren, sondern es soll da so 2px Abstand sein
  -  die erste Reihe der Tabelle stellt die Spaltenüberschriften dar und soll fett sein.

Wie mache ich das nun am besten mit CSS?

.specstable {
    border: 1px solid #000000;
}

.specstable td {
    padding: 2px;
}

In Ordnung? Kann man die oberste Zeile mit CSS irgendwie fett machen?

[Gunnar Bittersmann]

Hello out there!

Hai,

Wo?

-  die erste Reihe der Tabelle stellt die Spaltenüberschriften dar

... weshalb die Zeile nicht Kind von 'tbody', sondern von 'thead' ist; außerdem sind die Zellen nicht 'td', sondern 'th' ...

und soll fett sein.

... somit stehen geeignete Selektoren in Hülle und Fülle zur Verfügung.

See ya up the road,
Gunnar

[Anton]

So besser? :)

.specstable {
    border: 1px solid #000000;
}

.specstable td {
 padding: 2px;
}

.specstable thead {
    font-weight:bold;
}

[Anton]

Meinte natürlich so:

.specstable {
    border: 1px solid #000000;
}

.specstable td {
 padding: 2px;
}

.specstable th {
    font-weight: bold;
}

[dey]

Hallo,

Meinte natürlich so:

nein, wenn ich mich richtig erinnere ziehst du hier nur einen Rahmen um die Tablle außen herum
deshlb

.specstable {

border-collapse:collapse;

}

.specstable td, .specstable td {

padding: 2px;

border: 1px solid #000000;

}

.specstable th {
    font-weight: bold;
}

so könnte es passen

bydey

[Gunnar Bittersmann]

Hello out there!

So besser? :)

Das lässt sich ohne dein Markup (HTML) zu kennen nicht beurteilen.

See ya up the road,
Gunnar