Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    1
    Thanks
    0
    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
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    TravisHD,
    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 the right 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
    •