Even though the coding is not in a perfect way I think, add the following to your style.css (or amend it to line 184 of the style.css)
ul{
padding:0;
}
oh, i just added the code, but the links don’t work now?
cheers
It is because of your html coding is improper!
You have put:
#container {
margin: -425px 0 0 0;
padding: 20px 0 10px;
position: relative;
top: 0;
}
#sidebar {
margin-left: 950px;
padding: 40px 0 0 0;
position: relative;
text-align: center !important;
top: -10px;
width: 200px;
}
change these as follows:
#container {
float: left;
padding: 20px 0 10px;
position: relative;
top: 0;
width: 940px;
}
#sidebar {
float: right;
padding: 40px 0 0 0;
position: relative;
text-align: center !important;
top: -10px;
width: 200px;
}
Please make a backup of style.css before you proceed.
Also put a <div id="main_container"> before the <div id="sidebar"> and close it after <div id="container">.
Then add below to the css:
#main_container {
width:1140px;
margin:0 auto;
}
Cheers…
Thanks, this is my first website i’ve built so still learning,
when you say, “Also put a <div id=”main_container”> before the <div id=”sidebar”> and close it after <div id=”container”>.”
How do i end the div and is this in the main index template?
thankyou!
Yes. Most probably the <div> container ends in the same template such as index.php and page.php etc.
ah ok, I added <div id=”main_container”> and the main content is now off center, any suggestions?
http://www.theodysseyjournal.com
Thanks again
