Forum NavBar and position

[Hitakashi]

Well one of our staff made a theme for us and i've been trying for the past 2 hours to get the navbar linked centered in side the image and to get the background of the forum rounded so it matches the site

Here's the link to the forum: Forums
And here's what i want it to look like: Site

If you open both of them in tabs and switch between them the navbar on the forums is a bit higher then the site, how can i move it down a bit?

Ok basically at this moment i just want to code to center the stuff in the navbar.

 

[NetForums]

Well, all I can say is use JavaScript. There is some ways to fix your forums and sites using JavaScript.

 

[Mikey]

<div align="center">NAVBAR CODE</div>

or <center>NAVBAR CODE.</center>

 

[Hitakashi]

Already had that

Here's what it is

<center><br><div class="menu">		
                                   		<ul>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect.php">{$lang->toplinks_home}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect2.php">{$lang->toplinks_shared}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect3.php">{$lang->toplinks_reseller}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect4.php">{$lang->toplinks_client}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect6.php">{$lang->toplinks_supportforums}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect5.php">{$lang->toplinks_contactusclient}</a></li>
                          			</ul>
			</div><br /></center>

 

[Mikey]

change it to

<br><div class="menu" align="center">      
                                         <ul>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect.php">{$lang->toplinks_home}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect2.php">{$lang->toplinks_shared}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect3.php">{$lang->toplinks_reseller}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect4.php">{$lang->toplinks_client}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect6.php">{$lang->toplinks_supportforums}</a></li>
                                                                       <li><a href="{$mybb->settings['bburl']}/redirect5.php">{$lang->toplinks_contactusclient}</a></li>
                                   </ul>
         </div><br />

and look in the CSS to see if .menu { CSS HERE } has any alignment like top, left etc, assigned to it.

 

[Hitakashi]

Here's the .menu CSS

}

.menu ul {
	width: 760px;
	color: #EEEEEE;
	height: 37px;
	background-color: #dfe1dc;
	background-position: top;
	background-image: url(images/whf/menu_top.jpg);
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans Regular', Verdana, sans-serif;
	font-size: 12px;
}

.menu ul a:link {
	background: url(images/whf/mnuNormal.png);
	width: 106px;
	color: #EEEEEE;
	float: left;
	text-align: center;
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: 0px;
	text-align: center;
	
	text-decoration: none;
	font-family: tahoma, georgia;
	font-size: 11px;
	font-weight: bold;
}

.menu ul a:visited {
	background: url(images/whf/mnuNormal.png);
	width: 106px;
	color: #EEEEEE;
	float: left;
	text-align: center;
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	background-color: #FF6600;
	background-image: url(images/whf/mnuNormal.png);
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: 0px;
	text-align:center;
	text-decoration: none;
	font-family: tahoma, georgia;
	font-size: 11px;
	font-weight: bold;
}

.menu ul a:hover, .menu ul a:active {
	background: url(images/whf/mnuHover.png);
	width: 106px;
	color: #EEEEEE;
	background-color: #FF6600;
	background-image: url(images/whf/mnuHover.png);
	text-align: center;
	
	text-decoration: none;
	font-family: tahoma, georgia;
	font-size: 11px;
	font-weight: bold;
}

At the moment the codes appear right just want the center of the text