Problem mit Hintergrundfarbe (Tabelle)

[Mark Kronsbein]

Hallo,

Ich habe folgendes Problem:
Die CSS für eine tabelle sehen bei mir so aus
TR, TH, TABLE, TD{
BackGround : #000000;
Color : #FF0000;
Font-Weight : bold;
Font-Family: Arial;
}

Klappt wunderbar. In einer Tabelle will ich aber, daß die erste Zeile einen weißen Hintergrund
hat. Unter IE klappt das, Netscape zeigt weißen Hintergrund, die Worte, die in der Zeile
stehen werden aber mit schwarzem Hintergrund angezeigt. Die CSS dazu:
td.links, th.links, table.links, tr.links{
BackGround : #FFFFFF;
BackGround-Color : #FFFFFF;
Color : #FF0000;
Font-Weight : bold;
Font-Family: Arial;
}

Ich verstehe nicht, wo das Problem liegen könnte.

TIA

Mark

[Joseph]

Hallo Mark,

tut mir leid, aber ich kann dein Problem nicht nachvollziehen. Wenn du so programmiert hast, wie beschrieben, müsste es klappen.

Manchmal ist weniger aber auch mehr:

<style>
td, th, .weiss
{ background-color: #000000;
  color           : #FF0000;
  font-weight     : bold;
  font-family     : Arial; }

.weiss { background-color: #FFFFFF; }
</style>

Beachte aber immer, dass du jede Zelle, die weiss sein soll, extra klassifizierst.

<table>
<tr>
  <td>               schwarzer Hintergrund </td>
  <td class="weiss"> weisser   Hintergrund </td>
  <td class="weiss"> weisser   Hintergrund </td>
</tr>
</table>

Joseph

[Thomas J.S.]

Hallo!

Auch wenn ich das so schreiben würde:
table, th, td {
background:#000000;
color:#ff0000;
font-weight:bold;
font-family:Arial;
}

td.links, th.links, table.links, tr.links{
background:#ffffff;
color:#ff0000;
font-weight:bold;
font-family:Arial;
}

[mit background:#ffffff; hast du die farbe bereits gesetzt, also muss es nicht nocheinmal extra angegeben werden, und es ist zukunftsicherer wenn du die angaben klein schreibst]

gibt es mit deinem Code keine Probleme unter NS. Auch wenn ich 2 Tabellen verschatele. Also eskönnte an einem im cache gebliebenen Datei liegen, --> cache löschen oder shift-neu laden gleichzeitig drücken.

Grüße
Thomas

[Mark Kronsbein]

Okay, es hat alles nix gebracht... Ich poste mal den Code der Tabelle
(Nur die oberste Reihe soll einen weißen Hintergrund haben):

<table width="90%" border="0" cellpadding="2">  
<tr class = "links">
<td class = "links" align="right">Category</td>
<td class = "links">Links</td>
<td> </td>
<td class = "links" align="right">Category</td>
<td class = "links">Links</td>
<td> </td>
<td class = "links" align="right">Category</td>
<td class = "links">Links</td>
<td> </td>
</tr><tr>
<td align="RIGHT">
<a href="foobar.htmll">
All</a></td>
<td align="right">0</td>
<td> </td>
</tr></table>

Nun meine CSS-Datei:
A{
Color : #0000FF;
Text-Decoration : none;
}

H1, BODY, P{
background : #000000;
color : #FF0000;
font-weight : bold;
font-family: Arial;
}

TR, PRE, FORM, UL, TH, TABLE, TD, .links{
background-color : #000000;
background : #000000;
color : #FF0000;
font-weight : bold;
font-family: Arial;
}

.links{ background-color : #FFFFFF;
background : #FFFFFF;}

Also, ich glaube mehr kann ich im Moment nicht tun.

MArk

[Thomas J.S.]

Hallo!

Zuerst:
bei mir geht das alles: NS4.5 und Ie4/5
also: category und links mit weissem Hintergrund, der rest ist schwarz.

Aber!!

<tr class = "links">

Es sollte so aussehen, ohne leerzeichen:
<tr class="links">

Nun meine CSS-Datei:
TR, PRE, FORM, UL, TH, TABLE, TD, .links{

»»  background-color : #000000;
»»  background : #000000;
»»  color : #FF0000;
»»  font-weight : bold;
»»  font-family: Arial;
»»  }

.links{ background-color : #FFFFFF;

»»  background : #FFFFFF;}

Du hast hier zweimal eine unabhängige klasse .links definiert. Die zweite überschreibt die einstellungen der ersten und entweder schreibst du background:#farbe oder background-color:#farbe, aber beides zusammen sind unnötig, background: ist ein short-hand für alle background Einstellungen, wenn du nur eine Einstellung angibst (z.B. nur eine Hintergrundfarbe),dann werden automatisch alle anderen Werte auf null oder auf den (im Browser) voreingestellten Wert gesetzt.

Grüße
Thomas