MyBB Community Forums

Hey,
I need a help with these things. I tried to align the logo and menu of my forum to center in two lines. But I got this.



This is my logo and menu CSS file.


.logo {
float: center;
margin-top: 15px;

align: center;
text-align: center;
}

.menu {
letter-spacing: -.5px;

margin-top: 10px;

text-align: center;
font-family: 'Verdana';
font-size: 15px;
}

.menu ul {
color: #fff;
font-weight: bold;
text-align: right;
padding: 4px;
list-style: none;
margin: 0;
}

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

.menu ul a:link {
color: #a3a3a3;
color: rgba(255, 255, 255, .6);
text-decoration: none;
}

.menu ul a:visited {
color: #a3a3a3;
color: rgba(255, 255, 255, .6);
text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
color: #fff;
color: rgba(255, 255, 255, 1);
text-decoration: none;
text-shadow: 0 0 10px #fff;
}


And my header file part is this.

<div class="logo" ><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<table align="center" width="100%"><tr><td><div class="menu" align="center">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.png" alt="" title="Search HTF" style= " margin-bottom : -6px" />Search</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="Member list" style= " margin-bottom : -6px" />Member List</a></li>
<li><a href="{$mybb->settings['bburl']}/myachievements.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/achievements.png" alt="" title="HTF Achievements" style= " margin-bottom : -6px" />Achievements</a></li>
<li><a href="{$mybb->settings['bburl']}/mydownloads.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/shop.png" alt="" title="HTF Shop" style= " margin-bottom : -6px" />&nbsp;HTF Shop</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.png" alt="" title="Want Help?" style= " margin-bottom : -6px" />&nbsp;{$lang->toplinks_help}</a></li>
<li><a href="{$mybb->settings['bburl']}/games.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/games.png" alt="" title="HTF Games" style= " margin-bottom : -6px" />Games</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php?action=bank"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/bank.png" alt="" title="HTF Bank" style= " margin-bottom : -6px" />Bank</a></li>
<li><a href="{$mybb->settings['bburl']}/newpoints.php?action=lottery"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/lottery.png" alt="" title="HTF Jackpot" style= " margin-bottom : -6px" />&nbsp;Lottery</a></li>

</ul>
</div></td></tr></table>

Can anyone help me with this. It is like this for me, but for some members it is aligned to right and for some members it is working fine. Why is it like that for different systems.

My forum link is www.hitechforums.net

try

 
.logo {
float: center;
margin: auto auto; (this should center it if not see what i've put for left)
position: relative;
top: 15px;
left: (place whatever you want here, i suggest in % for, so try %12)
}

Thanks man. I will try it.

---

What about menu then.It is still like that for some members. For me it is working fine.

Hm you could try the same here:

.menu {
letter-spacing: -.5px;
margin: auto auto;
margin-top: 10px;
text-align: center;
font-family: 'Verdana';
font-size: 15px;
}

Thanks for that man. I think it worked.

---

It is not working man..
Still need help..
My site is www.hitechforums.net

Set a width,and position it.

In your global.css

Find

.menu {
    font-family: 'Verdana';
    font-size: 15px;
    letter-spacing: -0.5px;
    margin-top: 5px;
    text-align: center;
    width: 80%;
}

Set the width to 85%

It works for me