Note Page Tables

Created 24 Jan 2013 11:31, Updated 24 Jan 2013 11:31

Every page like this one uses a table to display the content of the page and show the subsections attached to the page. The table uses three CSS classes:
  • .tablemain
  • .tablecontent
  • .tablesubsections

These use coding as follows:

.tablemain{
    width:100%; 
    border-collapse:collapse; 
    border-top:3px solid #D6C016; 
    margin-top: 1px;
}
.tablecontent{
    vertical-align:top;
    padding: 4px 4px 0 0;
    background-color: #FFF;
}
.tablesubsections{
    width: 150px; 
    vertical-align:top; 
    border-left: 3px solid #D6C016; 
    background:#FAFBAA; 
    text-align:right;
}

.tablemain pertains to the entire table as a whole. .tablecontent refers to the content box of the notes. That is the white container that holds this very text. .tablesubsections controls the right side bar that holds the subsection detail.

Fix IE bug

csstutorial
O ile nie zaznaczono inaczej, treść tej strony objęta jest licencją Creative Commons Attribution-ShareAlike 3.0 License