How to add a :active in menu
My menu no change a class to active if active.
who to fix this.
HEADER
who to fix this.
HEADER
<div id="menu">
<ul>
<li class="default"><a href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
<li class="default"><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
</ul>
</div>#menu {
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
width:100%;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
height: 34px;
background: #016db0 url(images/menu_bg.png) repeat-x;
}
#menu li {
float: left;
margin-top: 4px;
margin-right: 10px;
display: inline;
}
#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 #ffffff;
}
#menu li.active a, #menu li.active a:hover {
background: url(images/menu_bg_active.png) no-repeat top left;
color: #000;
padding: 4px 10px 4px 13px;
border-bottom: 2px solid #ffffff;
}
#menu li.active {
background: url(images/menu_bg_active2.png) no-repeat top right;
padding-right: 4px;
position: relative;
bottom: -1px;
}