Sample CSS Page

Define the body tag:

• margin-top: 50px;
• padding: 0;
• background: back.jpg with no-repeat left top;
• text-align: justify;
• font-family: Georgia, "Times New Roman", Times, serif;
• font-size: 12px;
• color: #270dbf;

Call this banner with:

• width of a 1000 px
• height of 100 px
• background of img1.jpg in the images folder

banner h1 should be created for the text to enter in that banner

padding: 25px 0 0 0;

letter-spacing: -1px;

text-transform: lowercase;

font-weight: bold;

float: left;

font-size: 16 px;

This will be called content

width: 1000px;

margin: 0px auto;

background: #ffffff

column A:

float: right;

width: 440px;

padding: 20px;

column B

float: left;

width: 180px;

padding: 20px 20px 0px 20px

column B h2

font-size: large;

footer

width: 1000px;

margin: 0px auto;

background: #809CDD url(images/footer.jpg) no-repeat left bottom;

banner
menu
column B	column A
footer
footer p margin: 0px; padding: 15px 10px; font-size: smaller; color: #274690;

Addition to exercise

/** MENU */

menu

width: 1000px;

height: 30px;

margin: 0px auto;

background: url(images/img03.gif) repeat-x left top;

menu ul

margin: 0px;

padding: 0px;

list-style: none;

menu li {

display: inline;

menu a

display: block;

float: left;

padding: 10px;

text-transform: uppercase;

text-decoration: none;

font-size: smaller;

font-weight: bold;

color: #FFFFFF;

Actual Menu Content

Home Products Services About Us Contact Us