Results 1 to 3 of 3

Thread: Help with CSS Horizontal Hover Menu

  1. #1
    Join Date
    Jun 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with CSS Horizontal Hover Menu

    1) Script Title: CSS Horizontal Hover Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/hover.htm

    3) Describe problem: i want to add a css rule that will change the color of the current or active menu item when clicked. i want it to stay that color when it is clicked until another menu item is clicked.

    i tried adding an a:active rule, but it is not working. i added it under the a:hover rule.

    here's a link to the site.
    http://makemadmoneyonlinenow.com/index.html

    you can see when you hover the menu item turns green. i want it to stay green when clicked.
    Last edited by Snookerman; 06-16-2009 at 09:11 PM.

  2. #2
    Join Date
    May 2009
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    use a selected id in your css;

    Code:
    li#Selected a {color:##66CC33; }
    and then for example on the 'trading' page go to your hover menu in your html, and then replace;

    Code:
    <li><a href="trading.html"> Trading</a></li>
    with...

    Code:
    <li id="Selected"><a href="trading.html"> Trading</a></li>
    then just repeat on your other pages.

  3. #3
    Join Date
    Jun 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks. that worked great!

Bookmarks

Posting Permissions

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