2.1

PrintShop Web Skinning Guide | 30

<td id="cCompanyCode_3" class="text" ><a

href='site.php?pageid=company_properties&id=3' >44p</a></td>

</tr>

<input type="checkbox" class="formCheckbox " id="1Field" name="fnCheckCompanyID[]"

value="1"/>

</td>

<td id="cCompanyName_1" class="text" ><a

href='site.php?pageid=company_properties&id=1'>Objectif Lune</a></td>

<td id="cCompanyCode_1" class="text" ><a

href='site.php?pageid=company_properties&id=1'>olu</a></td>

</tr>

<td id="cPageNavigation_" class="pager" colspan="3"><div

class="navigator"> </div></td>

</tr>

</table>

</div>

<input class="formButton" type="submit" id="deleteButton" name="delete"

value="Delete"/>

</div>

</form>

</div>

The content is enclosed by a <div> element. Each page contains a <form> tag, which is used to catch

information entered by the user or to perform an action when the user clicks a button.

The <form> tag has two main components: the actual table and the toolbar/buttons to perform specific

actions. A page will only contain a single overview table.

Head

The <th> tag indicates that the table cell(s) of the first row is a header cell, in this case the title for the

table. In the Style.php file an id selector with a subselector of <th> is created to avoid styling conflicts

with other tables.

#tableOverview th {

background-color: <? generateSkinMainColor(); ?>;

padding: 2px;

font-weight: bold;

text-align: left;

border-width: 0 0 1px 0;

border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;

border-style: solid;

color: #FFFFFF

}

Subhead

The second row shows the names for the columns. Often the first column contains a check box to

select and deselect (toggle) the records of the current page in the overview.