Current state 2 CSS Menus
Is there a way to set my navigation (2 CSS Menus, horizontal an vertical) to have both a current state on one page?
Is there a way to set my navigation (2 CSS Menus, horizontal an vertical) to have both a current state on one page?
Yes, you can do that with 2 different menus on the same page. You will just have to set the current setting for both of them.
The way the menu checks if it is on the current page is t that it compares the current url with the one that it links to and if it matches then it will be marked as current, so 2 different menus that both link to the same page will both be marked as current if they both link to the same page. Similarly, if you have 2 menu items in the same menu that link to the same page, they will also both be marked as current.
I want to keep the horizontal CSS menu (1) current while my vertical CSS menu (2) have also a current state on an other page.
I'm not sure what you mean. Did you want to have them have different current states on the two different menus on the same page or did you mean you have 2 different menus on 2 different pages and you want them to both be able to have current state applied when on those pages?
Having 2 menus on the same page and having them have different current states would require some custom coding to make the modification to make one have a different current state. Having 2 different menus on different pages, you can apply the current state to both of them and they should both work.
Sorry I have not been entirely clear but I mean; having 2 menus on the same page and having them have different current states. Maybe you can tell me the necessary custom code to make the modification to make one have a different current state.
I can help guide you in the right direction, but you will have to implement this on your own.
What are the two current states you want for the two different menus?
Jimmy -- hope you can jump back in. . .
I have a similar need. The main nav is a horizontal menu in the header. This nav has the menu code in each page (it does not reference a php include). One example of a selection that has a sub nav would be "Services". That link goes to the first page of services that has a total of six different service pages listed. The sub-nav in each of the different service pages is a vertical nav whose source is a php include page. This nav highlights by a bold font and a list image. When I navigate to the second page down, naturally the "Services" link on the main nav reverts to the normal link styling. I would like the "Services" link in the main nav to remain highlighted to its :current: style (color and bold).
Suggestions??
Thanks,
Mike
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.