Forum Moderators: not2easy
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
...
<div class="titlewrapper"> <img src="header.jpg" width="835" height="150"></div>
<div id="container">
<div class="wrapper">
<div id="content">
<div id="menu">
<br>
<ul>
<li><a href="http://www.?.com.au">Home</a></li>
<li><a href="http://www.?.com.au/about.htm">About Us</a></li>
<li><a href="http://www.?.com.au/enrolment.htm">Enrolment</a></li>
<li><a href="http://www.?.com.au/forms.htm">Forms</a></li>
<li><a href="http://www.?.com.au/staff.htm">Staff</a></li>
<li><a href="http://www.?.com.au/calendar.htm">What's On</a></li>
<li><a href="http://www.?.com.au/resources.htm">To Help My Child</a></li>
<li><a href="http://www.?.com.au/contactus.htm">Contact Us</a></li>
</ul>
</div>
________________________________________
CSS Code:
#container {
text-align: left;
}
.wrapper {
width:694px;
margin: 0 auto;
padding:0;
background: url(left_border.jpg) repeat-y;
}
.titlewrapper {
text-align: center;
width:100%;
margin: 0 auto;
background-color: #00F;
}
#content {width:694px;
margin: 0 0 0 5px;
padding: 0 0 20px;
background: url(bottom_border.jpg) bottom repeat-x;
}
#menu {
height:20px;
}
#menu ul {
list-style-type: none;
height: 1%;
margin: 0;
padding: 0;
text-align: center;
}
#menu ul li {
display: inline;
margin: 0;
}
#menu ul li a {
padding: 0 10px;
color: #00F;
font-size: 1.1em;
text-decoration: none;
}
#menu ul li a:link{color:#00F}
#menu ul li a:visited{color:#00F}
#menu ul li a:hover{color:#F00}
#menu ul li a:active{color:#FF0}
I think it's something to do with the menu id CSS. Thanks in advance!