Quote:
Originally Posted by mmfraser
Ive found out how to center things, if anyone needs it:
- Code: Select all
margin-left: auto;
margin-right: auto;
|
Well ... again ... if you would have read Post #4 and the links provided, you would've had that answer already.
- Code: Select all
margin: auto;
no need for margin-left and margin-right.
Quote:
Originally Posted by mmfraser
ive fixed it 
http://marc-online.co.uk the buttons are a bit skewed up in IE, i dont know why, but thats 1 problem solved. i had:
- Code: Select all
<div id="maincontents"/>
<div id="sidebar"/>
it wasnt closing the div so that is why the two boxes were going inside each other.
now i have got:
- Code: Select all
<div id="maincontents"></div>
<div id="sidebar"></div>
|
Now... again ... if you would have read posts #4 and #9 you would have knows this!
Again ... your menu should be a list
- Code: Select all
<div id="navigation">
<ul>
<li><a href=""><span>Home</span></li>
<li><a href=""><span>Forum</span></li>
<li><a href=""><span>DAFC News</span></li>
<li><a href=""><span>Pictures</span></li>
<li><a href=""><span>Links</span></li>
<li><a href=""><span>Contact Us</span></li>
<li><a href=""><span>News Archives</span></li>
<li><a href=""><span>Site Login</span></li>
<ul>
</div>
css would be something like
- Code: Select all
#navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
#navigation ul li {
float: left;
height: 25px;
}
#navigation ul li a {
display: block;
text-decoration: none;
}
#navigation ul li a span {
display: none;
}
#navigation ul li a.home {
background: url(home.jpg) no-repeat 0 0;
width: 50px;
}
#navigation ul li a.home:hover {
background: url(home.jpg) no-repeat 0 -25px;
}