MyBB Community Forums

Can't get toplinks to center.

http://www.sidhudesign.com/ftest/ftest3/index.php

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><CENTER><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></CENTER></div>
<div class="menu">


<ul>
<center>
<li><a href="{$mybb->settings['bburl']}/index.php"><FONT COLOR="#FFFFFF">Home</FONT></a></li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="{$mybb->settings['bburl']}/search.php"><FONT COLOR="#FFFFFF">{$lang->toplinks_search}</FONT></a></li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><FONT COLOR="#FFFFFF">{$lang->toplinks_memberlist}</FONT></a></li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="{$mybb->settings['bburl']}/calendar.php"><FONT COLOR="#FFFFFF">{$lang->toplinks_calendar}</FONT></a></li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><FONT COLOR="#FFFFFF">{$lang->toplinks_help}</FONT></a></li>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</center>
</ul>
</div>
<hr class="hidden" />
<div id="panel">
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
<navigation>
<br />

remove all the

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

it should center after that

<center> tags should never be used.

use:
<div id="header" align="center">

<div id="logo" align="center">

<div class="menu" align="center">

and so on...

---

Why are you using non-breaking spaces?

<div class="menu" align="center">

doesn't work. And without all the &nbsp; it won't space accordingly. It smushes all together.

Why dont you using padding to space the toplinks?

---

actually in the global css page change the .menu ul text align to center.