• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrundfarbe einer Tabelle ändern?

Status
Für weitere Antworten geschlossen.
C

cult7

Neues Mitglied
Habe hier eine einfach Tabelle in html gemacht.
Nun möchte ich in der css-datei die Hintergrundfarbe für jeden Bereich ändern. Kann mir da jemand behilflich sein...

Vielen Dank!

lg
cult7

<table border='1' bordercolor='black' bgcolor='white' cellspacing='0'>
<tr height='50'>
<td width='300' rowspan='2'> &nbsp; </td>
<td width='150'> &nbsp; </td>
<td width='150'> &nbsp; </td>
</tr>
<tr height='50'>
<td> &nbsp; </td>
<td> &nbsp; </td>
</tr>
</table>
 
Was definierst du als Bereich? Z.B. würde es so für eine Zelle genügen:

Code: 
<td style="background-color: red;">
 
Die Tabelle besteht ja aus 5 Kammern. Und diese 5 Kammern möchte ich halt mit unterschiedlichen Hintergrundfarben haben. Wie das in html geht weis ich, aber ich möchte es in CSS machen...

Danke
 

Anhänge

  • tabelle.JPG
    tabelle.JPG
    76,7 KB · Aufrufe: 4
Gib allen Tabellenzellen eine eigene Klasse mit:
Code: 
...
<td class="ersteklasse">...</td>
<td class="zweiteklasse">...</td>
...
und sprich diese dann in deine CSS-Datei an:
Code: 
TD.ersteklasse{diesefarbe}
TD.zweiteklasse{jenefarbe}
feddisch
 
Schaut das dann so im html aus...


<table border='1' cellspacing='0'>
<tr height='50'>
<td width='300' rowspan='2' class="erste"> &nbsp; </td>
<td width='150' class="zweite"> &nbsp; </td>
<td width='150' class="dritte"> &nbsp; </td>
</tr>
<tr height='50'>
<td class="vierte"> &nbsp; </td>
<td class="fünfte"> &nbsp; </td>
</tr>
</table>

und in der css Datei schreibe ich dann

.erste{farbe}
.zweite{farbe}

Vielen Dank für die Hilfe!

lg
cult7
 
Mach für alles einzelne Divs!

HTML: 
<html>
<head>
<style type="text/css">
<!--
body
    {
    }
#div1
    {
         position:                 absolute;
         background-color:    #FF0000;
         height:                   100;
         width:                    400;
         left:                       30;
         top:                       50;
         }

#div2
    {
         position:                 absolute;
         background-color:    #00FF00;
         height:                   50;
         width:                    200;
         left:                       430;
         top:                       50;
         }

#div3
    {
         position:                 absolute;
         background-color:    #0080FF;
         height:                   50;
         width:                    200;
         left:                       430;
         top:                       100;
         }

#div4
    {
         position:                 absolute;
         background-color:    #7F7F7F;
         height:                   50;
         width:                    200;
         left:                       630;
         top:                       50;
         }

#div5
    {
         position:                 absolute;
         background-color:    #FF7F00;
         height:                   50;
         width:                    200;
         left:                       630;
         top:                       100;
         }
-->
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
</body>
</html>

So würd ich das machen!
Bitte regt euch nicht über die Formatierung auf!
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben