Hintergrund einer Tabellenspalte verdunkeln

[Detlef G.]

Hallo Jens2

Problem: Ich habe auf einer Internetseite eine bestimmte Hintergrundfarbe. (z.B. #FF0000)
Nun möchte ich in CSS eine Klasse erstellen, ...

In CSS werden keine Klassen erstellt. Du kannst HTML-Elemente klassifizieren, ihnen eine Klasse zuweisen. Dann kannst du diesen Klassen mittels CSS Eigenschaften zuweisen.

... Dieser Effekt soll aber relativ und nicht absolut sein. Damit meine ich, dass die Hintergrundfarbe in dieser Tabellenspalte um z.B. 10% dunkler werden soll. Wenn ich einfach eine andere Hintergrundfarbe auswähle, dann hab ich hinterher das Problem, dass ich bei einer Änderung der allgemeinen Hintergrundfarbe auch immer die Klasse (und es ist nicht nur eine) ändern muss.

Warum die Klasse ändern?
Es ist doch kein Problem, die Eigenschaften der Klasse(n) deren Hintergrund abgedunkelt werden solle zu ändern.

body {  
 background-color:f00;  
}  
.Klasse1, .Klasse2, .Klasse3, .Klasse4 {  
 background-color:e50000;  
}  

... Allerdings ist dieses Verdunkeln auch inhaltlich wichtig und diejenigen, bei denen keine Bilder angezeigt werden (können), stehen dumm da.

Wenn es inhaltlich wichtig ist, darf es auch nicht nur per CSS erfolgen. Dann solltest du den Inhalt dieser Zellen in ein zu diesem speziellen Inhalt passenderes Element einschließen (em, strong, del, ...). Eventuell könntest du dieses dann zum Blockelement machen und ihm die Hintergrundfarbe zuweisen:

td strong {  
 display:block;  
 font-weight:normal;  
 background-color:e50000;  
}  

Schaue dir deine Seiten unbedingt auch in einem Textbrowser oder zumindest mit deaktivierten Grafiken _und_ deaktiviertem CSS an. Auch dann müssen sie benutzbar und möglichst übersichtlich sein und alle notwendigen Inhalte darstellen oder kurz erklären.

Auf Wiederlesen
Detlef