BG/BRG Lerchenfeld
Schulbezeichnung
Impressum |  Kontakt |  Neues |  Sitemap

Standard XHTML Tabelle

Tabellenüberschrift
Spalte 1 Spalte 2 Spalte 3
Zelle 1,1 Zelle 1,2 Zelle 1,3
Zelle 2,1 Zelle 2,2  

Der zugehörige Quellcode:

 <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>&nbsp;</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>