Tabellen-Template 02

 Tabellenbeispiele nach HTML 5  Vorlage 02

Hier finden Sie Tabellenbeispiele mit CSS-Formatierung nach HTML5 als Kopiervorlagen für Ihre Projekte. Die Vorlagen verzichten auf (einige) übliche Tabellenattribute. Stattdessen wurden für die Formatierung eigene CSS-Klassen definiert.

Bitte beachten Sie das mit der Einführung von HTML 5 einige Tabellenattribute nicht mehr benutzt werden sollen. Sie werden von den Browsern allerdings weiterhin unterstützt. Diese Tabellen-Attribute stehen auf der Streichliste: align, bgcolor, border, cellpadding, cellspacing, height, nowrap, rules, valign, width

<style type="text/css">
<!--

.TabTyp2
{
width:220px;
margin:0 0 15px 0;
border:1px solid #EED5FF;
padding:1px;
}

.TabTyp2 caption
{
background-color:#EECCEE;
text-align:center;
font-family: Arial, sans-serif; /* Textformatierung */
font-weight:normal; /* Textformatierung */
font-size: 12px; /* Textformatierung */
color:#FFFFFF; /* Textformatierung */
padding:2px 0 2px 0;
margin:0px 0 1px 0;
border-bottom:1px solid #FFFFFF;
}

.TabTyp2 thead th
{
font:bold 12px  Arial, sans-serif; /* Textformatierung */
padding:3px 10px;
background-color:#FFE6FF;
border:1px solid #EED5FF;
text-align:center;
color:#CC99DD;
font-weight:normal;
}

.TabTyp2 td
{
font:normal normal normal 12px  Arial, sans-serif;
color:#6800AE;
padding:5px 5px;
background-color:#FFF9FF;
border:1px solid #EED5FF;
line-height:130%;
text-align:center;
}

-->
</style>

<table class="TabTyp2" cellspacing="0" cellpadding="0">

<caption>Titel</caption>

<thead><tr>
<th>Headline</th>
<th>Headline</th>
<th>Headline</th>
</tr></thead>

<tbody>
<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>

<tr>
<td>Text</td>
<td>Text</td>
<td>Text</td>
</tr>
</tbody>

</table>