The sections of these web pages are set up using divisions. The basic division tag looks like this in your code: <div></div>.
We have used the class method (CSS) to designate the different divisions of the web page. The division which encloses the menu structure uses the HTML ID attribute for its identification.
The various divisions determine our overall page structure. Many web designers use a table structure to build their pages. Table structure is a little harder for search engine spiders to navigate.
In the code on the page, class identified divisions will look like: <div class="heading">,
<div class="right">, <div class="extend"> and <div class="footer">.
The menu division will appear as: <div ID="links">.
Changes to the division structure and background color are made in the CSS file. In the CSS file, corresponding indentities will look like this: div.heading, div.right, div.extend and div.footer for the class method. The menu settings use #links
You can change settings for the background color and division height in the CSS file. Color should be specified in hexidecimal code. If you increase the height you will need to adjust the top setting of the links division.
div.heading{
color :#000000;
background-color :#E4BC8F;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #ffffff;
width :100%;
height :75px }
For beginners the only settings you should change in the Links Division are top and background-color. If you want white space between the bottom of the heading division and the top of the menu or links division, increase the top setting. Settings for top and height are in pixels.
#links{
width:19%;
position:absolute;
top:76px;
left: .25%;
background-color:#E4BC8F;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #ffffff;
padding:0;
text-align:center}
The extend division is used to if you want to expand the text on your page below the bottom of the links division. Be sure the right division is full before you add it. Next: The Buttons.
When you complete your website, check our website at createafreewebsite.net for free web hosting or paid hosting as low as $4.25 per month.