I am always amazed with people. They expend energy trying to find the shortcuts, rather than understanding the basic building blocks.
here are two links which should get you on track.
What am I missing here?
A Basic Primer
Adding two more buttons when you are out of space is like trying to add more water to a glass that is already full, it just spills out.
This is where a basic understanding of code would help.
Look at your code in the index file. See the first <div> "central"
HTML Code:
<body>
<div id="central">
Now go look at the style.css file and find "central" and look at the width the page is set at. Scroll down and you will see "width" shows up in other places. You could increase the width, which will allow for more menu items. This template is designed to be viewed on a monitor set at 800px wide, so you would increase it for the next standard viewing size, since hardly anyone uses that setting anymore. (you need to do some research here).
Quote:
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 777px;
text-align: left;
background-color: #FFFFFF;
}
|
If you increase all the 777 widths the page stretches, but now the body where the text and pictures are looks all wrong. That's just means you have to go back and adjust those widths. (basic math here)
Quote:
At the top of the page there is a menu bar....I have changed it to suit my needs.
How can I add a similar bar to appear at the bottom of the page? Just copt and past the code? What is I want this bottom bar to direct to different areas than the top?
|
Just like the above example - look at the code for the for the menu it's called "navlist" create a second series of code for the bottom menu, with the proper properties, give it a new name and then call it from the index file.
so cut/paste alone will not work.