Web Table (2) Notes

#wrapper {width:960px;margin-left:auto;margin-right: auto;margin-top:20px;
font: bold 12px/15px "Verdana",sans-serif;background-color: #EBECF6;border: 1px solid black;}

#header {border-bottom:1px solid black;padding:10px 0px;background:#C0CBE7;}
#footer {border-top:       1px solid black;padding: 5px 0px;background:#93A9D5;}

1. Wrapper width is 962px: width of 960px + (2 x 1) border. Background color, font, small top margin is also set

3. Header width is 960px (inherited) with 10px padding top and bottom, color is set. Bottom border is set (other borders already there)

4. Footer width is 960px (inherited) with 5px padding top and bottom, color is set. Top border is set (other borders already there)

5. Note use of negative margins to locate comment in the right of the heading bar

6. Negative margins are also used to create a 'shadow effect' (black overwriting silver) on the heading

7. In the 'Update' div, the Javascript has an addition (myhours=myhours+1) to cope with BST rather than GMT

____________________________________________________________________________________________________________________________________

Web Table (3) Notes

Footer is replaced by a simple menubar