DotNetNuke DNN Hosting

General Classes

TFOOT, THEAD

The table foot and table head.

THEAD    
{   
    background-color: yellow;
}

TFOOT    
{
    font-family: Tahoma, Arial, Helvetica;
    font-size:  15px;
    color: white;
    background-color: grey;
}


TH

The header cells within a table.

TH  
{
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  15px;
    font-weight:    bold;
    color: purple;
}

The THead, TH and TFoot tags were placed within a table using the Text/HTML module. Below you can see the formatting for each section.

The code for this table is below. (This example table is taken from: http://www.htmlhelp.com/reference/html40/tables/tfoot.html where you can find further information on HTML tags)

T Foot, T Head and TH example
 

<table border="1" summary="This table lists program available at the university based on the discipline and type of degree.">
        <caption>
            Programs Available</caption>        
        <thead>
            <tr>
                <th scope="col">
                    Program</th>
                <th scope="col">
                    Honors Co-op</th>
                <th scope="col">
                    Honors Regular</th>
                <th scope="col">
                    General Regular</th>
                <th scope="col">
                    *Preprofessional or Professional</th>
            </tr>
        </thead>
        <tfoot class="footnote">
            <tr>
                <td colspan="5">
                    Many disciplines are also available as Minors and Joint Honors programs.
                </td>
            </tr>
            <tr>
                <td colspan="5">
                    * Preprofessional programs normally fulfull the academic requirements for registration in the related professions.
                </td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td scope="row">
                    Computer Science</td>
                <td>
                    yes</td>
                <td>
                    yes</td>
                <td>
                    no</td>
                <td>
                    no</td>
            </tr>
        </tbody>
    </table>