Tabellenformatierung

Stylesheet anlegen (geht mit Texteditor, Datei speichern als Dateiname.css


Diesen Tag in den Head-Bereich der Seite in dem die Tabelle formatiert werden soll:

<link rel="stylesheet" type="text/css" href="deinstylesheet.css">



Inhalt des Stylessheets für die Formatierung der Tabellenzelle/n:

TD.RahmenRundumSchwarz {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}



anderes Beispiel: Nur oberer Rahmen der Zelle farbig, Abstand zum oberen Rahmen 10 Pixel, zum linkne Rahmen 15 Pixel

TD.RahmenRundumSchwarzNurOben {
border-left: 1px solid #000000;
padding-top: 10px;
padding-left: 15px;
}


anderes Beispiel: gepunktete Rahmen

TD.RahmenRundumSchwarzGepunktet {
border-left: 1px dotted #000000;
border-right: 1px dotted #000000;
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
}




die Tabelle, Zellen mit class-Anweisung "formatiert", die Formatierung holt sich die Anweisung aus dem Stylesheet


Ein Tabellenmuster

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%" class="RahmenRundumSchwarz">Die Zelle mit schwarzem Rahmen</td>
  </tr>
</table>

Ansonsten einfach mal googlen nach CSS, gute Site zum Thema z.B. css4you.de oder natürlich SELFHTML

danke schonmal für die ausführlich hilfe das problem ist nur, dass ich mir das auch so gedacht hab, jedoch nicht bedacht hab, dass wenn ich jede td mit border: 1px solid black formatiere letztenendes 2px rauskommen daher auch eigentlich meine frage...

gibt es keine andere möglichkeit das zu verwirklichen? die tabelle wird mit php generiert, daher dürfte es nicht so einfach werden das so hinzubekommen wie gern hätte 
aber trotzdem danke schonmal

Hi |

Die einfachere Alternative lautet folgendermaßen:

Definiere für die Tabelle eine Hintergrundfarbe, z.B. rot (die Border-Farbe!) und ein cellspacing in der gewünschten Border-Breite. Dann definierst du für alle Zellen noch eine  Hintergrundfarbe, z.B. weiß.

Mit diesem Beispiel erhältst du eine weiße Tabelle mit roten Linien

greez
JoSsiF

Einfach Border-Collapse einschalten:
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#border_collapse