Results 1 to 3 of 3

Thread: Vertical and Horizontal Smooth Navigational Menu issue

  1. #1
    Join Date
    Jul 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Vertical and Horizontal Smooth Navigational Menu issue

    1) Script Title: Smooth Navigational Menu (v1.51)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem: Hi there. I'm using both a horizontal and vertical menu on my page http://www.creativeph.co.uk/image-di...cts/5-star.htm
    The problem I'm having is that when you hover over either the 'about us' or 'complete supply solution' drop down on the horizontal menu it looks to interlock with the vertical one below it. I'm guessing it's something to do with the z-index of the divs they are each in. I've set the z-index of both the 'navbar' div which contains the horizontal menu and the 'ddsmoothmenu' div class to '100' and both the 'sidemenu' div which contains the vertical menu and the 'ddsmoothmenu-v' div class to '50', but it hasn't made any difference. Can anyone please advise where I'm going wrong?

    Also, just continuing from this, you'll notice that on the vertical menu I'm using right arrows which change colour when you hover over them. This has been achieved thanks to DDAdmin from last year kindly providing me with the attached js file. What I'm noticing though is that there is a slight difference in the speed that the grey background changes to blue and the blue arrow changes to white. Is there anything I can do to synchronize them more?

    Many thanks in advance
    Paul

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    In your creativeph.co.uk/image-direct/css/styles.css file, change:

    Code:
    #navbar {
    	z-index: 100;
    }
    to:

    Code:
    #navbar {
    	z-index: 1000;
    	position: relative;
    }
    About the custom script and the timeout before the arrow image changes, use this version:

    Attachment 4505

    This version will also allow you to use a down arrow in a horizontal menu if you choose, it will be hovered as (if you create it) an _over version of itself like the right arrow currently is. Except there will be no delay in the hover of either the down (if used) or right arrow.

    The browser cache may need to be cleared and/or the page refreshed to see changes.
    Last edited by jscheuer1; 06-28-2012 at 04:34 AM. Reason: add script
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi John

    Many thanks for the reply, it's all worked a treat. Thank you so much.
    Kind regards
    Paul

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
  •