tabellenfarbe

[peter]

hallo!

wie färbt man denn einen tablehead ein? #000066

[Beat]

wie färbt man denn einen tablehead ein? #000066

Schon versucht?
[code lang=html]
<table>
  <thead style="background-color:#eee; color:#00f;">
    <tr><th>Head</th></tr>
  </thead>
  <tbody>
    <tr><td>Data</td></tr>
  </tbody>
</table>
[/html]

mfg Beat

[Gunnar Bittersmann]

@@Beat:

Schon versucht?
<table>
  <thead style="background-color:#eee; color:#00f;">

Besser gar nicht erst versuchen!!

Das 'style'-Attribut ist böse! Besser: Trennung von Markup und Layout:

HTML:

<table>  
  <thead>  
    <tr><th>Head</th></tr>  
  </thead>  
  <tbody>  
    <tr><td>Data</td></tr>  
  </tbody>  
</table>  

CSS:

thead  
{  
  background-color: #EEE;  
  color: #00F;  
}

Live long and prosper,
Gunnar

[Inita]

Hoi,

ich mach es so:

table td {background:#F00}

<table border="0" cellspacing="0" cellpadding="0">
    <tr><td>Head</td></tr>
    <tr><td>Data</td></tr>
</table>

LG,
Inita

[suit]

ich mach es so:
table td {background:#F00}

<table border="0" cellspacing="0" cellpadding="0">
    <tr><td>Head</td></tr>
    <tr><td>Data</td></tr>
</table>

was hält dich davon ab, <th /> für kopfzellen zu verweden? - mit deinem beispiel triffst du zudem keine unterscheidung zwischen kopf und datenzelle, in deinem beispiel sind dalle alle rot ;)

[Inita_]

nun ja, es konnte da auch <th> fuer head sein, wollte td betonen.

Gruss, Inita

[Malcolm Beck´s]

hi,

wie färbt man denn einen tablehead ein? #000066

Das erledigt man mit CSS,

CSS
---

table {  
  width: 400px;  
  border: 1px solid #000;  
  border-collapse: collapse;  
}  
th, td {  
  text-align: left;  
  vertical-align: top;  
  padding: 4px 0 0 10px;  
  border-bottom: 1px solid #000;  
}  
th {  
  border-right: 1px solid #000;  
}  
thead th, tfoot td {  
  padding: 4px 0 4px 35px;  
}  
thead th {  
  background-color: #006;  
}  
tfoot td {  
  background-color: #F00;  
}

HTML
----

<table>  
  <thead>  
    <tr><th colspan="2">Keys und Values</th></tr>  
  </thead>  
  <tfoot>  
    <tr><td colspan="2">Daten ende</td></tr>  
  </tfoot>  
<tbody>  
<tr>  
<th>Key</th> <td>Value</td>  
</tr>  
<tr>  
<th>Key</th> <td>Value</td>  
</tr>  
<tr>  
<th>Key</th> <td>Value</td>  
</tr>  
</tbody></table>

grüße