peter: tabellenfarbe

hallo!

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

  1. 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

    --
    Selber klauen ist schöner!
    1. @@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

      --
      “New Jersey Hall of Fame? […] But then I ran through the list of names: Albert Einstein, Bruce Springsteen... my mother's going to like that. […] it's the only time she's going to hear those two names mentioned in the same sentence, so I'm going to enjoy it.” (Bruce Springsteen when inducted into the New Jersey Hall of Fame, 2008-05-04)
  2. 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

    --
    Don't forget to love yourself.
    1. 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 ;)

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

        Gruss, Inita

  3. 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