Stylsheet Tabelle

.tabelle {
width: 300px;
height: 30px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: #515B6B;
font-family: tahoma;
}

Ich will das der Rand über all 1px hat in einer Farbe.
Außerdem soll jede Überschrift eine andere Hintergrundfarbe haben.

code: 1: border: 1px solid #000000;

Macht den Rand 1x in schwarz. Was die Überschrift angeht, also wenn JEDE eine andere Farbe haben soll, wärs vermutlich am einfachsten das direkt bei der Tabellenspalte (via <td style="background-color: #FFFFFF">) zu definieren... wenn du aber zB nur drei verschiedene Farben haben willst, lohnt es sich wohl schon, mit classes zu arbeiten - also in der Art:

code: 1: 2: .a { background-color: #E0D5BF; }

- und in der Tabelle: <td class="a">

edit: Oder steht die Überschrift nicht in einer Tabelle? Dann hab ich das falsch verstanden ;D
LG Nanni

Das habe ich schon versucht und da ist dann ein zweiter Rahmen da. Die Zeile in einer Tabelle meinte ich. Das die eine andere Farbe hat, und ich das nur einmal im CSS ändern muss.

Worauf bezieht sich deine Antwort jetzt, auf den Rahmen oder den farbigen Hintergrund, bzw was von deiner Antwort bezieht sich auf was?

Wenn du den Rahmen nur um eine Zelle willst, aber um jede, dann kannst du das mit td { ... } definieren. Um jede Zeile mit tr { ... } , sofern ich Spalte und Zeile grad nicht verwechsle ;D

Nein, Nein das ist schon richtig Nanni
Pferde1, stelle bitte auch mal den HTML Code Deiner Tabelle rein, so kann man Dir nicht so gut helfen

Ich hätte es gerne so wie hier

http://aryana.square7.ch/Gestuet/
Nur das oben eine Farbe ist, anstatt dem Bild als Hintergrund.

<table class="tabelle" style="text-align: left; width: 80%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 40%;">Design</td>
<td style="width: 40%;"><a class="main" target="_blank" href="http://www.gegen-bilderklau.net/profile.php?userid=633">~~Karina~~ von GB</a></td>
</tr>
<tr>
<td>Anlage</td>
<td><a class="main" target="_blank" href="http://roewer-rueb.de">Röwer und Rüb</a></td>
</tr>
<tr>
<td>Pferde</td>
<td><a class="main" target="_blank" href="http://foto-vik.ru">Vikarus</a></td>
</tr>
<tr>
<td>Grafiken</td>
<td></td>
</tr>
</tbody>
</table>

Wie gesagt:

Zitat:

code: 1: 2: .a { background-color: #E0D5BF; } - und in der Tabelle: <td class="a">Überschrift</td>

Sollte funktionieren (:

Funktioniert! Danke

Und der Rahmen?

Also momentan hast dus so:

code: 1: <table class="tabelle" style="text-align: left; width: 80%;" border="1" cellpadding="2" cellspacing="2">

Daraus kannst du machen (und statt #000000 halt die gewünschte Farbe angeben):

code: 1: <table class="tabelle" style="text-align: left; width: 80%;" border="1px solid #000000" cellpadding="2" cellspacing="2">

Bzw wenn dus im CSS definieren willst, so wie ich es oben geschrieben hab Bzw wenns immer noch nicht geht, zeig mal den Steckbrief und sag mir, wo der zweiter Rahmen ist, den du nicht willst ;D

Geht nicht.
http://tsproud.bplaced.net/anlage.html
<table class="tabelle" style="text-align: left; width: 80%;" border="1px solid #DADADA" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td class="a"><b>Stallungen</b></td>
</tr>
<tr>
<td><img src=stallbild.jpg></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>

Ach mist, hab nicht gesehen, dass das border bei dir außerhalb des style="" steht...

code: 1: <table class="tabelle" style="text-align: left; width: 80%; border:1px solid #DADADA" cellpadding="2" cellspacing="2">

So, ich denke, so müssts gehen... ;D

Außen herum stimmt es, nur fehlt das innere?

Meinst du mit innen jetzt rund um die einzelnen Zellen? Aber dann werden es doch wieder zwei Rahmen

So wie im Beispiel? Bedeutet das zwei Rahmen? Dann habe ich es nicht richtig verstanden.

Achso - also, ich glaub Lykkja hat ihren Rahmen gar nicht um die Tabelle, sondern nur jeweils um die einzelnen Zellen... wobei das bei mir auch anders aussieht, also muss man vll noch an irgendwelchen spacing- oder padding-Werten was ändern.. aber da kenn ich mich auch nicht aus.

Aber du hast es versucht. Sonst noch einer?

Hast du ein allgemeines CSS?
Wenn ja, versuch es mal so:

code: 1: 2: 3: 4: 5: 6: 7: table, tr, td { border: 1px solid #DADADA; border-collapse: collapse; font-size: 12px; line-height: 22px; text-align: center; }

Damit wird jede Tabelle gleich verändert, ohne Einsatz von Klassen - müsste durch das tr, td und collapse auch den gewünschten Effekt mitbringen.

Ich danke dir. Es funktioniert!