Friday 6 November 2009

CSS from Dreamweaver Lesson

.container { /* CSS Document */
width: 900px; /* Any elements placed within the container will fit within the 900 pixel frame */
font-family: Arial, Helvetica, sans-serif; /* The browser will search for these fonts in your font folder, and then display any text in the typeface you have availible */
font-size: 12px;
color: #330000;
background-image: url(images/Untitled-1.png); /* This will add an image to the background of the container which will act as a banner */
background-repeat: no-repeat; /* This means the background image (or banner) will appear only once */
background-position: center top; /* This controls the position of the background image (or banner) */
margin: auto; /* This will keep the container in the centre of the page */
padding-top: 210px; /* This will keep all of the content appearing on top of the */
padding-right: 10px; /* This will prevent the contents running to the edge of the container */
padding-left: 10px; /* This will prevent the contents running to the edge of the container */
border: 1px solid #996600; /* This will add a border to the container */
}

a:link { /* This controls the style of links that have not been clicked on */
font-family: "Courier New", Courier, monospace;
font-size: 12px;
line-height: normal;
color: #660000;
text-decoration: none; /* This removes the underline from any links */
}

a:hover { /* This controls the style of links when your mouse scrolls over the top */
color: #666600;
text-decoration: underline blink;
}

a:visited { /* This controls the style of links that have been clicked on */
color: #FF0066;
text-decoration: underline overline line-through blink;
}

No comments:

Post a Comment