MyBB Community Forums

Full Version: Center my menu?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I know the text-align center is supposed to work but it doesn't.

Here is my menu:
[Image: 2efc97ddef70665ed7204d32190a8f5e.png]

As you can see it is aligned to the right.
I am wanting it in the center, And I also want to add an end curve image to make it even on both sides(I have got the image but no idea how to add it).

Here is my menu CSS:
#menu {
    position: absolute;
    top: 96px;
    right: 0;
    padding-left: 41px;
    background: url(images/socialmred/menu_bg_start.png) no-repeat; 
    font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif
}

#menu ul {
    list-style: none;
    margin: 0;
    padding-right: 50px;
    height: 34px;

    background: #822525 url(images/socialmred/menu_bg.png) repeat-x;
}

#menu li {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
   padding-right:10px;
}

#menu li a {
    padding: 4px 10px 3px 10px;
    color: #fff;
    text-decoration: none;
    display: block;
    border-bottom: 0;
}

#menu li a:hover {
    color: #ffffff;
    border-bottom: 3px solid #5a1313;
}

#menu li.active a, #menu li.active a:hover {
    background: url(images/socialmred/menu_bg_active.png) no-repeat top left; 
    color: #000;
    padding: 4px 10px 4px 13px;
    border-bottom: 2px solid #5a1313;
}

#menu li.active {
    background: url(images/socialmred/menu_bg_active2.png) no-repeat top right; 
    padding-right: 4px;
    position: relative;
    bottom: -1px;
} 

And my menu HTML:
<div id="menu">
                <ul>
                    <li class="default"><a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
                    <li class="default"><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
                    <li class="default"><a href="{$mybb->settings['bburl']}/memberlist.php">Memberlist</a></li>
                    <li class="default"><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
                </ul>
           </div>
</div>

If anyone can help I would appreciate it so much Smile
You URL forum?

Use this:
#menu {
position: absolute;
top: 58px;
right: 0%;
padding-left: 41px;
background: url(../../../images/socialmred/menu_bg_start.png) no-repeat;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
width: 63%;
}