<table class="table_s">
<caption>Tabellenüberschrift</caption>
<colgroup>
<col class="tcol1" />
<col class="tcol2" />
<col class="tcol3" />
</colgroup>
<tr>
<th>Spalte 1</th>
<th>Spalte 2</th>
<th>Spalte 3</th>
</tr>
<tr>
<td>Zelle 1,1</td>
<td>Zelle 1,2</td>
<td>Zelle 1,3</td>
</tr>
<tr>
<td>Zelle 2,1</td>
<td>Zelle 2,2</td>
<td> </td>
</tr>
</table> |
<style type="text/css">
.table_s {
margin-left: auto;
margin-right: auto;
margin-top: 0.2em;
margin-bottom:1em;
border-collapse: separate;
padding:15px;
background-color:#ffff00;
border:1px solid #cccccc;
-moz-border-radius:6px;
-khtml-border-radius:6px;
}
.table_s caption {
caption-side: top;
width: auto;
text-align: left;
}
.table_s td {
border: 1px solid #cccccc;
font-size: 0.9em;
border-spacing: 5px;
padding: 3px;
color:#333333;
height:6em;
}
.table_s th{
background-color: #eeaa00;
border: 1px solid #cccccc;
text-align: left;
color:#000000;
padding: 3px;
}
.tcol1 {
background-color: #dddddd;
vertical-align: top;
width:20%;
}
.tcol2 {
background-color: #bbbbbb;
vertical-align: middle;
width:30%;
}
.tcol3 {
background-color: #aaaaaa;
vertical-align: bottom;
width:40%;
}
</style>
|
