PageWrapping Tutorial Begginners
Hello,Today I am going to tell you about page wrapping and how they can be used to layout your webpage.
In this tutorial you will need a HTML and Css file.
So first we need to make a div in html:
<HTML>
<BODY>
<DIV ID="PageWrapper">
</DIV>
</BODY>
</HTML>
Very simple I know but this is a very simple way to contain the page wrapper now if you want to place things inside the page wrapper you would put it in the div and work inside of that.
Now we need to edit that Css file:
#pageWrapper {
font: 14px/1.4
width: 1000px;
margin-left: auto;
margin-right: auto;
border: 5px solid black;
}
Now this code: It sets the font and the line spacing, then it sets the width, and then sets the margins for the center of the page and then a template border for measuring up different other attributes.
So hope you enjoyed this one again.
Thanks a lot
No comments:
Post a Comment