MyBB-Plugins Forums

Full Version: Align Logo and Menu to center in Acord theme
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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.

[Image: SQbNa.png]

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 http://www.hitechforums.net

No Permission

Unfortunately you do not have sufficient rights to view replies in this thread.