Results 1 to 7 of 7

Thread: Hover Stage of main menu

  1. #1
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default Hover Stage of main menu

    1) Script Title: jQuery Multi Level CSS Menu #1

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...rizontal_blue/

    3) Describe problem:

    The main menu (ul li a) loses its focus (hover stage of background) when scrolling over the sub-menus (ul li ul li a).

    Is there any css or js fix for this?

    Thank you,
    Last edited by Paramasivan; 02-21-2013 at 03:59 PM.

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    594
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    Please post a link to your page.This will help find a possible answer to your question
    Thanks,

    Bud

  3. #3
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Last edited by Paramasivan; 02-20-2013 at 07:18 PM.

  4. #4
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    594
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    Those examples are fine but they are also different.What do you want it to do specificly.
    Thanks,

    Bud

  5. #5
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Please see http://intmark.com.au/grant/

    There is hover for "Key Industries" menu. When the cursor is in its sub menu like "Aerospace" then hover on "Key Industries" menu disappears. I want to retain the hover stage of the main menu when the cursor is in its submenus.

  6. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,938
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    11

    Default

    To keep the hover styling on all the parent <li>s, you would need to put the CSS :hover selector on the <li> rather than the <a>, like this;
    Code:
    .jquerycssmenu ul li:hover > a {
    color:#fff; 
    background:#000;  
    }
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  7. The Following User Says Thank You to Beverleyh For This Useful Post:

    Paramasivan (02-21-2013)

  8. #7
    Join Date
    Jan 2011
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much Ms.Beverleyh. It solved my long-lasting problem.

    Now it is working at http://www.intmark.com.au/grant/
    Last edited by Paramasivan; 02-21-2013 at 03:58 PM.

Similar Threads

  1. Main sub button not retaining :hover state
    By Spinethetic in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-14-2010, 07:06 PM
  2. Solved - Hover + main links..
    By rmi in forum CSS
    Replies: 0
    Last Post: 11-24-2009, 09:03 PM
  3. Different :hover within same main element?
    By TheJoshMan in forum CSS
    Replies: 2
    Last Post: 07-26-2008, 02:45 AM
  4. Reacting to Stage Size
    By Medyman in forum Flash
    Replies: 9
    Last Post: 02-25-2008, 01:53 PM
  5. Replies: 2
    Last Post: 04-20-2007, 11:01 PM

Tags for this Thread

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
  •