Tabellenrahmen mit CSS für jede Zelle

[Schnaps]

Servus,

wenn ich mit CSS die folgende Classe

.rahmen-tabelle-grau {
 border: 1px dashed #999999;
}

auf eine Tabelle anwende wird immer nur der äußerste Rahmen so gemacht.

Ich möchte es aber gerne so haben als ob ich den guten alten html border=1 setzen würde, also jede Linie in der Tabelle soll so dargestellt werden, aber halt mit den schickeren möglichkeiten das Design an zu passen von CSS und nicht nur diese trockenen html border.

Wie müßte denn so etwas aussehen, oder muß ich wirklich jeder <tr> und <td> einzelden passende classen zuweisen?

Danke schon mal

Prost
Schnaps

[Martin Hölter]

Hallo Schnaps!

Servus,

wenn ich mit CSS die folgende Classe

.rahmen-tabelle-grau {
 border: 1px dashed #999999;
}
Wie müßte denn so etwas aussehen, oder muß ich wirklich jeder <tr> und <td> einzelden passende classen zuweisen?

Musst du nicht :-)

.rahmen-tabelle-grau td {...}

bewirkt, dass alle Tabellenzellen, die innerhalb eines Elementes der Klasse rahmen-tabelle-grau (in deinem Fall eben die Tabelle) einen Rahmen erhalten.

Gruß

Martin

[Schnaps]

Musst du nicht :-)

.rahmen-tabelle-grau td {...}

bewirkt, dass alle Tabellenzellen, die innerhalb eines Elementes der Klasse rahmen-tabelle-grau (in deinem Fall eben die Tabelle) einen Rahmen erhalten.

Ne, das tut es ja gerade nicht!!!

Habs doch bei mir so und da ist dann ein Rahmen außen drum und sonst nöschts.

@MichaelR
kannst du bitte mal ein Beispiel posten wie das gehen soll?

Kann mit deinem Codeschnipsel leider nichts anfangen

[Martin Hölter]

Hallo Schnaps!

Ne, das tut es ja gerade nicht!!!
Habs doch bei mir so und da ist dann ein Rahmen außen drum und sonst nöschts.

Dir ist schon der Unterschied aufgefallen zwischen

.rahmen-tabelle-grau td {...} und deinem
.rahmen-tabelle-grau  {...} ???

Wenn ja, dann gib uns doch bitte einen Link, wo wir das nicht funktionierende CSS bewundern können.

Gruß

Martin

[Schnaps]

Dir ist schon der Unterschied aufgefallen zwischen

.rahmen-tabelle-grau td {...} und deinem
.rahmen-tabelle-grau  {...} ???

Wenn ja, dann gib uns doch bitte einen Link, wo wir das nicht funktionierende CSS bewundern können.

Na da stell ich mich doch glatt mal schämend in die Ecke!

Ist mir im Eifer nicht aufgefallen der Unterschied!

Werde es mal testen.

Danke

[MichaelR]

Hi,

verpasse der ganzen Tabelle eine id

<table id="mytable">...</table>

und dann im CSS

table#mytable td {
  /* Zellen-Styles hier */
}

Grüße,
Michael

[zerko]

.rahmen-tabelle-grau {
 border: 1px dashed #999999;
}

.BorderFormat  {
  border-width:1px;
  border-style:dashed;
  border-color:#999999;
}

oder noch genauer...

.BorderFormat  {

/* Rand -> oben */
  border-top-width:1px;
  border-top-style:dashed;
  border-top-color:#999999;

/* Rand -> rechts */
  border-right-width:1px;
  border-right-style:dashed;
  border-right-color:#999999;

/* Rand -> unten */
  border-bottom-width:1px;
  border-bottom-style:dashed;
  border-bottom-color:#999999;

/* Rand -> links*/
  border-left-width:1px;
  border-left-style:dashed;
  border-left-color:#999999;
}

[zerko]

hab vergessen, ide 'table' und 'tr' Elemente zu berücksichtigen..
Steht aber schon in den anderen Antworten zu deiner Frage..

[Conny]

Moin Säufer ;-)

Wie müßte denn so etwas aussehen, oder muß ich wirklich jeder <tr> und <td> einzelden passende classen zuweisen?

Du kannst doch generell einen Wert für TD angeben, also ohne Klasse. Da dieser Wert dann aber sicherlich nicht für alle deine Tabellen gelten soll, ordnest du ihn deiner Tabellenklasse unter.

Es gilt also die Anweisung: "Nur wenn sich das TD innerhalb der Tabelle XYZ befindet, darf es 1px dashed #999999 aussehen."

Grüße,
Conny