help with menu active state. "Solved"

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
hagar
Forum Members
Forum Members
Posts: 18
Joined: Thu Dec 23, 2010 5:08 am

help with menu active state. "Solved"

Post by hagar »

Hello, I am learning to use CMSMS 1.9.1 . I am trying to get the menu button of the page being viewed or active to be highlighted. See css code below. Everything seems to be working ok except the active state of the menu.
Any clues or help to point me in the right direction is greatly appreciated. Thanks....Matt

http://www.uhqprint.com/

#menu {
width: 500px;
height: 65px;
float: left;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #EDEBD5;
border-bottom-color: #EDEBD5;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EDEBD5;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #EDEBD5;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
width: 109px;
height: 45px;
padding: 20px 0 0 0;
border-left: 1px solid #EDEBD5;
text-transform: lowercase;
text-decoration: none;
text-align: center;
font-size: 144%;
color: #BABABA;
}

#menu a:hover {
background: #0066dd;
}

#menu .active a {
background: #0066dd;
color: #FFFFFF;
}
Last edited by hagar on Mon Jan 24, 2011 9:01 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: help with menu active state.

Post by Dr.CSS »

Best way is to look at the page source view to see what the menu uses for active pages...

class="currentpage"
hagar
Forum Members
Forum Members
Posts: 18
Joined: Thu Dec 23, 2010 5:08 am

Re: help with menu active state.

Post by hagar »

Thanks for the help but im not getting anywhere. On a regular website I would put a class or id on each page, but you cant do this with CMSMS can you?
Thanks again...............Confused-Matt.............. ???
uniqu3

Re: help with menu active state.

Post by uniqu3 »

If you look at your sourcecode you will see <li><a href="http://www.uhqprint.com/" class="currentpage"> Home </a>
Means using #menu a.currentpage in oyur stylesheet for active page styling would help.
hagar
Forum Members
Forum Members
Posts: 18
Joined: Thu Dec 23, 2010 5:08 am

Re: help with menu active state. "Solved"

Post by hagar »

Thank you so much to both of you, you are all CSS and CMSMS Gods to me.......Matt................thanks again..............
Post Reply

Return to “Layout and Design (CSS & HTML)”