The menu i created does not center, it sits 83.333px from the left side of the screen.
HOW DO I CENTER THE MENU?
HOW DO I CENTER THE MENU?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<title>Drop Down Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
a {
color:#FFFFFF;
}
body {
background-color:#000;
behavior: url(csshover.htc);} /* WinIE behavior call */
navwhite a, navwhite {
font: normal 11px verdana;
color: #ffffff;}
div#nav {
font: normal 11px verdana;
color: #ffffff; float: left; margin: 0px 0px 0 83.333px;
background: #0000CC; border: 1px solid #AAA;}
div#nav ul {margin: 0; padding: 0; background: #0000CC;
border: 1px solid #CCC; border-width: 0 1px;}
div#nav ul.level1 li {position: relative; list-style: none; margin: 0;
float: left; width: 83.333px; line-height: 15px;}
div#nav ul.level2 li {position: relative; list-style: none; margin: 0;
float: left; width: 160px; line-height: 10px;}
div#nav li:hover {background: #0000dd;}
div#nav li.submenu {background: url(dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #0000ff;}
div#nav li a {display: block; padding: 5px 0 5px 10px;
text-decoration: none; width: 160px;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 160px;
display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #0000ff;}
div#nav li.submenu li.submenu:hover {background-color: #0000ff;}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 25px; left: 0px;}
div#nav ul.level3 {top: -1px; left: 160px;
border-top: 1px solid #CCC;}
</style>
</head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="83" width="750" bgcolor="#FFFFFF" align="left" valign="top"><a href="[URL unfurl="true"]http://www.pacificcoastchurch.org/new/"[/URL] target="_top"><img border="0" src="../images/pc2.jpg" width="750" height="83"></a></td>
</tr>
</table>
<div id="nav">
<ul class="level1">
<li><a class="navwhite" href="#">Home</a></li>
<li><a class="navwhite" href="#">Services</a></li>
<li><a class="navwhite" href="#">Events</a></li>
<li class="submenu"><a class="navwhite" href="#">Ministries</a>
<ul class="level2">
<li class="submenu"><a class="navwhite" href="#">Test</a>
<ul class="level3">
<li><span class="navwhite"><a href="#">Test</a></span></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Singles</a></li>
<li><a class="navwhite" href="#">Test</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Audio</a>
<ul class="level3">
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Digital Audio Sermons</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Test</a>
<ul class="level3">
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Elder Care</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Test</a>
<ul class="level3">
<li><a class="navwhite" href="#">Couples & Mixed</a></li>
<li><a class="navwhite" href="#">Women's Groups</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Hospitality</a>
<ul class="level3">
<li><a class="navwhite" href="#">Greeters</a></li>
<li><a class="navwhite" href="#">Information Booth</a></li>
<li><a class="navwhite" href="#">Traffic</a></li>
<li><a class="navwhite" href="#">Refreshments</a></li>
<li><a class="navwhite" href="#">Ushers</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Missions</a>
<ul class="level3">
<li><a class="navwhite" href="#">Short-Term Missions</a></li>
<li><a class="navwhite" href="#">2005 Missions Speakers</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">One on One Discipleship</a>
<ul class="level3">
<li><a class="navwhite" href="#">Test</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Teaching</a>
<ul class="level3">
<li><a class="navwhite" href="#">Prep•Step</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Children's</a>
<ul class="level3">
<li><a class="navwhite" href="#">Nursery & Preschool</a></li>
<li><a class="navwhite" href="#">1st-6th Grade</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Special Needs</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Youth</a>
<ul class="level3">
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Men's</a>
<ul class="level3">
<li><a class="navwhite" href="#">Discipleship</a></li>
<li><a class="navwhite" href="#">Bible Study</a></li>
<li><a class="navwhite" href="#">Special Events</a></li>
</ul>
</li>
<li class="submenu"><a class="navwhite" href="#">Women's</a>
<ul class="level3">
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Bible Study</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Special Events</a></li>
</ul>
</li>
</ul>
</li>
<li><a class="navwhite" href="#">Directions</a></li>
<li><a class="navwhite" href="#">Resources</a></li>
<li class="submenu"><a class="navwhite" href="#">Leaders</a>
<ul class="level2">
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
<li><a class="navwhite" href="#">Test</a></li>
</ul>
</li>
<li><a class="navwhite" href="#">Beliefs</a></li>
<li><a class="navwhite" href="#">Contact</a></li>
</ul>
</div><br />
</body>
</html>