Here is the CSS & HTML that I used to create the table
<![CDATA[
/* Table Tags CSS */
.testing {
text-align:center;
}
.testing caption {
text-transform: lowercase;
}
.testing caption:hover {
text-transform: uppercase;
}
.testing th {
border: 2px solid green;
background: blue;
color: #FF0000;
}
.testing td {
border: 2px solid yellow;
min-width: 100px;
}
.testing tfoot td{
border: 2px solid blue;
background: red;
color: #0055FF;
}
<table class="testing">
<caption title="A caption automatically centers on the table.">Test Table</caption>
<thead>
<tr>
<th>Col 1</th><th>Col 2</th><th>Col 3</th>
</tr>
<tr>
<th colspan=3>This is Here</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td><td>Data 1.2</td><td>Data 1.3</td>
</tr>
<tr>
<td>Data 2</td><td>Data 2.2</td><td>Data 2.3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum 1</td><td>Sum 2</td><td>Sum 3</td>
</tr>
</tfoot>
</table>
]]>
Above I used the <xmp> tags to display the code instead of having it parse.
The above code produces the table below with some CSS (style) added to it.
Test Table
| Col 1 | Col 2 | Col 3 |
| This is Here |
| Data 1 | Data 1.2 | Data 1.3 |
| Data 2 | Data 2.2 | Data 2.3 |
| Sum 1 | Sum 2 | Sum 3 |
Hope you enjoy. Next I am goint to work on showing php script.
