MyBB Community Forums

Hello,

I recently downloaded a theme, and the header doesn't seem right. The links in the menu are all on new lines, making the template look wierd. Is there any way to fix this? You can view the example at www.bigtalkforums.com






This is my HTML code for the header:

<script language="Javascript" type="text/javascript">
		 var cookieDomain = "$settings[cookiedomain]";
		 var cookiePath = "$settings[cookiepath]";
		 var quickdelete_confirm = "$lang->quickdelete_confirm";
		 var newpm_prompt = "$lang->newpm_prompt";
		 var deleteevent_confirm = "$lang->deleteevent_confirm";
		 var removeattach_confirm = "$lang->removeattach_confirm";
	</script>
	<a name="top"></a>
	<div id="container">
		<div id="header">
			<div class="logo"><a href="$settings[bburl]/index.php"><img src="$theme[logo]" alt="$settings[bbname]" border="0" /></a></div>
			<div class="menu">
				<ul>
					<li><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" border="0" alt="$lang->toplinks_search" />$lang->toplinks_search</a></li>
					<li><a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" alt="$lang->toplinks_memberlist" />$lang->toplinks_memberlist</a></li>
					<li><a href="$settings[bburl]/calendar.php"><img src="$theme[imgdir]/toplinks/calendar.gif" border="0" alt="$lang->toplinks_calendar" />$lang->toplinks_calendar</a></li>
					<li><a href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" alt="$lang->toplinks_help" />$lang->toplinks_help</a></li>
				</ul>
			</div>
			<hr class="hidden" />
			<div id="panel">
				$welcomeblock
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			$bannedwarning
			$bbclosedwarning
			$unreadreports
			<navigation>
			<br class="clear" />

-Thanks,

LPX

Try this, go to Admin CP -> Themes -> Modify / Delete -> *your theme* -> edit -> Go down to Additional CSS.
Add:

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

Thanks, ahhh! I love you <3

You might wanna add spaces between the picture and the names as well
something like adding this in as well, where you added the other thingy.

.menu img {
	padding-right: 5px;
	vertical-align: top;
}