Guys here is my html code for menu objects, Home, About,Contact...
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

CSS
ul{
list-style-type:none;
margin:0;
padding:0;
}

li{
float:left;
}
a{
display:block;
width:60px;
}

/*only this ran on local browser came out fine, but of course when you click home or about no response as expected */ i did try however to use DOM create and get to make the menu objects to link to the disered but it failed. However my new thinking isthat since href is a link thing, i then need to create a page each for the menu objects saved thus : index.html for Home about.html for About, contact.html for Contact details then at the html code replace the # with the href thus: href="index.html" for Home, href="about.html" for About... So that when any of the menu objects is clicked it would link to the page. Is this right? if not please direct me alright.

Yes, you need to create the page and then add in the page names where you have the '#' in each case.

Ok, Senior Advisor, Inger. THANKS a million fold. i am going to test it shortly but i am impressed with your swift response!