MyBB Community Forums

I am trying to get my menu right under the logo. I cannot get it .

I have tried padding,moving the divs around, everything..

How the heck to do it?

Menu Class -

.menu {
	width: 940px;
	color: #ffffff;
	height: 30px;
	list-style: none;;
}

.menu ul {
	color: #fff;
	padding-left: 0px;
	padding-right: 650px;
	padding-top: 0px;
	padding-bottom: 55px;
	line-style: none;
	line-style-type: none;
	text-align: center;
	font-weight: bold;
}

.menu a:link {
	color: #FF8040;
	text-decoration: underline;
}

.menu a:visited {
	color: #FF8040;
	text-decoration: none;
}

.menu a:hover {
	color: #FF8040;
	text-decoration: underline;
}
.menu {
	width: 940px;
	color: #ffffff;
	height: 30px;
	list-style: none;;
}

.menu ul {
	color: #fff;
	padding-left: 0px;
	padding-right: 650px;
.menu {
	width: 940px;
	color: #ffffff;
	height: 30px;
	list-style: none;;
}

.menu ul {
	color: #fff;
	padding-left: 0px;
	padding-right: 650px;
	padding-top: 0px;
.menu {
	width: 940px;
	color: #ffffff;
	height: 30px;
	list-style: none;;
}

.menu ul {
	color: #fff;
	padding-left: 0px;
	padding-right: 650px;
	padding-top: 0px;
	padding-bottom: 55px;
	line-style: none;
	line-style-type: none;
	text-align: center;
	font-weight: bold;
}

.menu a:link {
	color: #FF8040;
	text-decoration: underline;
}

.menu a:visited {
	color: #FF8040;
	text-decoration: none;
}

.menu a:hover {
	color: #FF8040;
	text-decoration: underline;
}

.menu li {
	line-style: none;
	display: inline;
	text-align: center;
        padding-bottom: 0px;
}

.menu img {
        padding-bottom: 55px;
       margin: 0px;

}

Logo -

.logo {
text-align: center;
display: block
margin: auto 0;
padding: 0px;
}

The header html -

<div id="panel">
				{$welcomeblock}
</div>
<navigation>

<div id="wrapper">
<div id="container">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</div>
<div id="menubar">
		<div class="menu">
			<ul>
			<li><a href="{$mybb->settings['bburl']}/portal.php"><img src="http://i44.tinypic.com/20hnd5l.png"/></a></li>
			<li><a href="{$mybb->settings['bburl']}/index.php"><img src="http://i44.tinypic.com/263cxmc.png"/></a></li>
			</ul>
		</div></div>

		<a name="top" id="top"></a>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}

What is up with your CSS??

You have a whole bunch of repetitive #menu and #menu ul and such.

Try taking out the line-style and line-style-type, and taking one of the ; off of the list-style.

You overcomplicated it.

.logo {
text-align:center;
}

Add that to your additional.

Then look for the .menu css and change the text-align:right to text-align:center.

That's all you need.

I already got this fixed..