Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
01-24-2013, 06:28 PM #1
- Join Date
- Jan 2013
- Thanked 0 Times in 0 Posts
CSS Menu with "active" background color on a e-commerce system help
So we run an e-store at this link here (you'll see the menu I've created at the top).. http://store.theproductfarm.com
I have a CSS style for "active" to basically turn the background of the active page to the orange color (same as when you hover). However, I have this menu nested in the e-commerce systems "default.html" page so that it will show on ALL pages. However, this means if I set "home" to be the active one, it doesn't matter what page you're one, it will always have "home" highlighted.
How could I go about this in this situation? I know in a normal website structure I could choose to have contact.html for example to be "active" in the menu, but with this situation it's a little different.
Your help is greatly appreciated!
01-24-2013, 09:04 PM #2
- Join Date
- Dec 2006
- Thanked 1,828 Times in 1,812 Posts
Look at this method that uses an id on the body of the document - http://nopeople.com/CSS%20tips/h_ul_...ges/index.html
You might find a .js solution that would work for you too.