MyBB Community Forums

I added a points button and now it's messed up. How can I fix this?

URL is http://quickscope.net

Paste the css for header_right and menu here. They should be in global.css.

<a name="top" id="top"></a>
<div id="panel">{$welcomeblock}</div>
<br><br>

<div class="header_right">
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/index.php" class="index"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/forums.png" alt="" title="" />Home</a></li>
<li><a href="http://twitter.com/QuickScopeNet" target="_blank"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/twitter.png" alt="" title="" />Twitter</a></li>
<li><a href="http://facebook.com/CallOfDutyForum" target="_blank"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/facebook.png" alt="" title="" />Facebook</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php" class="search"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="members"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/memberlist.png" alt="" title="" />Members</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/help.png" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
</div>

<div class="header">
<div class="header_in">
<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>
</div>
</div>

<br>
<br>

<div id="container">
<div id="content">
<navigation>

<hr class="hidden" />
<br class="clear" />
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$pm_notice}


I couldn't find what you were talking about but that's what I edited.

No, the css.
Themes > theme name > global.css

.header_right {
background: url(images/theme/style/header_right.png) top left no-repeat;
height: 96px;
width: 530px;
padding-top: 50px;
padding-right: 20px;
float: right;
.menu {
width: 540px;
padding-right: 20px;
}

.menu ul {
width: 540px;
float: right;
color: #fff;
font-weight: bold;
text-align: right;
}

.menu ul a:link, .menu a:visited {
background: url(images/theme/style/menu_bg.png) top left repeat-x;
width: 90px;
padding: 9px 7px 8px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 0 #202020;
}

.menu ul a:hover, .menu ul a:active {
background: url(images/theme/style/menu_bg.png) top left repeat-x;
width: 90px;
padding: 9px 7px 8px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 0 #202020;

.menu ul {
 width: 540px;

Adjust the width, that might work.

(2012-01-27, 02:26 AM)Solidus Wrote: [ -> ]

.menu ul {
 width: 540px;

Adjust the width, that might work.

Did not fix it, check out my website:
http://www.quickscope.net/index.php

.menu ul {
margin-right:18px;
width: 540px;
float: right;
color: #fff;
font-weight: bold;
text-align: right;
}

Try this, if 18px doesn't work increase or decrease depending on how it looks.

(2012-01-27, 03:26 AM)BitzDefender Wrote: [ -> ]

.menu ul {
margin-right:18px;
width: 540px;
float: right;
color: #fff;
font-weight: bold;
text-align: right;
}

Try this, if 18px doesn't work increase or decrease depending on how it looks.

That didn't do anything.

Sorry, try adding the margin-right in .header_right