2014-03-27, 08:08 AM
I know the text-align center is supposed to work but it doesn't.
Here is my menu:
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:
And my menu HTML:
If anyone can help I would appreciate it so much
Here is my menu:
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