Showing active link in top menu

Locked
dstx
Joomla! Apprentice
Joomla! Apprentice
Posts: 24
Joined: Fri Mar 14, 2008 1:46 pm

Showing active link in top menu

Post by dstx » Fri Aug 15, 2008 9:29 pm

I'm trying to duplicate main menu in top menu by linking top menu via external links to pages created for main menu.
I'm using the following CSS, but cannot get active (current) link to display in top menu tabs.
Any idea how I can get them to show?

/***** MAINLEVEL NAV *****/
#mainlevel-nav {
font-size: 130%;
list-style: none;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}
#mainlevel-nav ul { background: #fff; }

#mainlevel-nav li {
display: block;
background-color: #e9efe7;
list-style: none;
float:left;
margin: 0;
padding: 0px;
}
/* inactive tabs */
#mainlevel-nav a:link,#mainlevel-nav a:visited {
float: left;
display: block;
color: #8e9e79;
background: #e9efe7;
text-decoration: none;
margin:0 1px;
padding: 0 10px;
border-top: 2px solid #bdccaa;
border-left: 2px solid #bdccaa;
border-right: 2px solid #bdccaa;
}
/* active page tab */
#mainlevel-nav #current { background: #fff; color: #336633;
}
#mainlevel-nav li a:hover {
display: block;
background-color: #fff;
color: #6a7c64;
border-top: 2px solid #9ca998;
border-left: 2px solid #9ca998;
border-right: 2px solid #9ca998;
}
#active_menu-nav, #mainlevel-nav #current a {
float:left;
display:block;
background-color:#fff;
color:#336633;
text-decoration:none;
border-left: 2px solid #dce6cf;
border-top: 2px solid #dce6cf;
border-right: 2px solid #dce6cf;
}

Locked

Return to “Joombie Coding Q/A”