Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Thanked 0 Times in 0 Posts

    CSS Menu with "active" background color on a e-commerce system help

    Hello all!

    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!

  2. #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,874 Times in 1,858 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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use a DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts