Martin: Tabellen und CSS

Hallo,

ist es eigentlich nicht möglich im TD Tag Eigenschaften wie WIDTH und HEIGHT in den style sheets zu definieren?

Wenn ich eingebe

td {
 width:20%;
 height:80;
}

dann wird das nicht angenommen!

Gruss,
Martin

  1. Hallo,

    ist es eigentlich nicht möglich im TD Tag Eigenschaften wie WIDTH und HEIGHT in den style sheets zu definieren?

    Ja.

    Wenn ich eingebe
    td {
     width:20%;
     height:80;
    }
    dann wird das nicht angenommen!

    Doch.
    Allerdings nur, wenn irgendwo steht, wovon 20% berechnet werden sollen und wenn Du hinter die 80 noch eine Einheit (px, em, ex, mm, cm ...) schreibst und, wenn die verhältnismäßige Aufteilung der Zeilen und Spalten der gesamten Tabelle irgendwie erkennbar ist.

    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    table {width:200px; border:1px solid black;}
    td {border:1px solid black;}
    td.schmal {width:20%;}
    td.breit {width:80%;}
    td.niedrig {height:50px;}
    td.hoch {height:250px;}
    -->
    </style>
    </head>
    <body>
    <table>
    <tr>
     <td class="schmal niedrig">Zelle</td>
     <td class="breit niedrig">Zelle</td>
    </tr>
    <tr>
     <td class="schmal hoch">Zelle</td>
     <td class="breit hoch">Zelle</td>
    </tr>
    </table>
    </body>
    </html>

    Die CSS-Angabe width:200px für table ist notwendig, damit in td.schmal und td.breit die Breite aus %-Angabe errechnet werden kann.
    Die Angaben td.niedrig {height:50px;} und td.hoch {height:250px;} sind beide notwendig, damit das Verhältnis der Zeilenhöhen klar ist. Eine Höhenangabe in der Tabelle und die Angabe nur einer Zeilenhöhe bringt kein zufriedenstellendes Ergebnis.

    viele Grüße

    Axel

    1. Danke Axel!
      Martin

  2. Hallo,

    ist es eigentlich nicht möglich im TD Tag Eigenschaften wie WIDTH und HEIGHT in den style sheets zu definieren?

    Sicher ist das möglich.

    Wenn ich eingebe

    td {
     width:20%;
     height:80;
    }

    Erstens muss du auch deiner Tabelle bestimmte Eigenschaften zuweisen, z.B.:
    table {
    width:100%;
    /*ebentuell auch*/ table-layout:auto;
    }

    Zweitens muss du genau sagen was du meinst:
    "height:80;" 80 was? 80 Fuß? 80 Elle? 80µm?

    Grüße
    Thomas

    1. Danke!
      Martin