Forum Moderators: not2easy
[1][edited by: alt131 at 6:59 am (utc) on May 19, 2011]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test Site</title>
<style type="text/css">
#banner{
margin: auto;
text-align: center;
}
#bordas {
border: 5px dotted silver;
background-color: green;
}
#navvy {
clear:both;
width:100%;
margin:22px 0;
}
#navvy ul {
list-style-type:none;
padding:0;
margin: 0 auto;
}
#navvy li {
line-height: 200%; /* missing semi colon*/
display:inline;
}
#navvy li a {
padding:12px;
line-height: 50px;
/*background:#3062ff; should be background-color */
background-color: #3062ff;
color:white;
text-decoration:none
}
#content {
margin:auto;
width:70%;
background-color:#b0e0e6;
clear:both;
}
</style>
</head>
<body id="one">
<div id="bordas">
<div id="banner">
<img alt="logo" src="red.jpg" height="198" width="940"><!-- insert dimensions -->
</div><!-- end banner -->
<div id="navvy">
<div align="center">
<ul><!-- insert list -->
<li id="one"><a href="testside2.php">PAGE 1</a></li>
<li id="two"><a href="tester2.php">PAGE 2</a></li>
</ul><!-- insert close list -->
</div><!-- end navvy -->
</div><!-- end center -->
</div> <!-- insert end bordas -->
<div id="content">
<p>Lorem ipsitor </p><!-- close the p -->
</div>
<!-- move the script inside the body -->
</body>
</html>
hmm, so it was the float centre in navvy that was somehow messing it up
