Startseite
Farbige Tabellen  

Feedback     Interesse an einer CD ?    


Rahmenfarbe

bordercolor="Farbe"
bordercolorlight="Farbe"
bordercolordark="Farbe"
Innerhalb des Tags <table> erzwingen diese Angaben die Färbung des Rahmens der gesamten Tabelle. Die Breite des Rahmens muss dabei mindestens 1 Pixel betragen (border="1").
In den Tags <tr>, <th> und <td> werden die entsprechenden Zeilen oder Zellen mit der entsprechenden Farbe umrandet.

Beispiel:

<table bordercolor="yellow" border="3" cellpadding="5">
    <tr bordercolorlight="cyan" bordercolordark="blue">
    <td>bordercolor="yellow"</td>
    </tr>
    <tr bordercolorlight="cyan" bordercolordark="blue">
    <td>bordercolorlight="cyan"</td>
    </tr>
    <tr bordercolorlight="cyan" bordercolordark="blue">
    <td>bordercolordark="blue"</td>
    </tr>
</table>

So sieht das aus


Hintergrundfarbe

bgcolor="Farbe" Die Farbe einer gesamten Tabelle<table>, einer Zeile <tr> oder einer einzelnen Zelle <th>, <td> setzen Sie mit dem Attribut bgcolor, gefolgt vom Farbwert oder dem Farbnamen.

Bei der Angabe der Farben ist zu beachten, dass die kleineren Tabellenelemente die Voreinstellung des übergeordneten Elements überschreiben. Das bedeutet, dass beispielsweise die Farbangabe im Tag <table> die Farbe der Zeilen und Zellen bestimmt, solange diese nicht seperat geändert werden. Ändern Sie die Farbe einer Zelle, wird für diese der Wert der Tabellenfarbe überschrieben. Die Rangfolge hierbei ist: <table> vor <tr> vor <th> und <td>.

Beispiel:
<table bgcolor="silver" cellpadding="5" align="center" width="50%">
    <tr align="center">
    <td>silver</td>
    <td>silver</td>
    <td bgcolor="red">red</td>
    </tr>
    <tr align="center">
    <td>silver</td>
    <td bgcolor="blue">blue</td>
    <td bgcolor="blue">blue</td>
    </tr>
    <tr align="center" bgcolor="yellow">
    <td>yellow</td>
    <td bgcolor="green">green</td>
    <td>yellow</td>
    </tr>
</table>
So sieht das aus


Hintergrundbilder

background="Dateiname" Mithilfe dieses Attributs setzen Sie das Hintergrundbild einer Tabelle <table>, einer Zeile <tr> oder einer einzelnen Zelle <th>, <td>.

Beispiel:
 <table align="center" width="75%" background="img/orangew1.gif" cellpadding="6" border="1">
    <caption>xxxxxxxxxxxxxxxxx orangew1.gif xxxxxxxxxxxxxxxxx</caption>
    <tr align="center">
    <td background="img/snow.jpg">
    xxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
    xxxxxxxx snow.jpg xxxxxxxxx<br>
    xxxxxxxxxxxxxxxxxxxxxxxxxxx
    </td>
    <td background="img/pattern.jpg">
    xxxxxxxxxxxxxxxxxxxxxxxxxxx<br>
    xxxxxxx pattern.jpg xxxxxxx<br>
    xxxxxxxxxxxxxxxxxxxxxxxxxxx
    </td>
 </tr>
</table>
So sieht das aus