Back To Top

Here is the CSS & HTML that I used to create the table

/* 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 1Col 2Col 3
This is Here
Data 1Data 1.2Data 1.3
Data 2Data 2.2Data 2.3
Sum 1Sum 2Sum 3

Hope you enjoy. Next I am goint to work on showing php script.