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 8 of 8
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Location
    Colorado
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Multi-level Drop down menu problems

    I got the dbMenu and changed it to fit my site for a Horizontal drop down menu with many sub levels. I'm having two issues.

    1. Everything is fine when you mouse over the menu items but I want the menu to stay open unless I click somewhere either on the menu or on the page.

    2.I have a few sub menus and when you get fairly far down the list is going either past the bottom of the viewable part of the window or too far to the right. I don't want to have to use my arrow keys to be able to see the entire sub menu.

    I hope you can help.

    The dbMenu uses a dbMenu.css, dbMenu.js and I use a php page as a header for all my pages.

    I changed a few settings on the dbMenu.css but have not changed the dbmenu.js as I'm not that familiar with javascript.

    Anyway, if any of you have any ideas I would be very appreciative.

    Let me know if I need to post any code from any of the above mentioned files.

    Thanks.

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    welcome to CF.

    Can we see you code??
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    New to the CF scene
    Join Date
    May 2009
    Location
    Colorado
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sure. I hope I do this right.

    Here is the CSS:

    dbMenu{
    position:relative;
    height:1em;
    z-index:1;
    padding:0;
    margin:20px 0;
    list-style:none;
    width:1120px;
    visibility:visible;
    }
    .dbMenu li{
    position:relative;
    background-color:#ffffff;
    border:1px solid black;
    width:10em;
    padding:0;
    margin:0;
    color:#000000;
    float:left;
    }
    .dbMenu li ul{
    position:absolute;
    z-index:2;
    top:1.3em;
    left:0;
    width:10em;
    display:none;
    padding:0;
    margin:0;
    list-style:none;
    text-align:left;
    }
    .dbMenu ul li ul{
    position:absolute;
    z-index:2;
    top:0;
    left:9.9em;
    width:10em;
    display:none;
    padding:0;
    margin:0;
    list-style:none;
    text-align:left;
    }
    .dbMenu li a{
    position:relative;
    z-index:1;
    display:block;
    background-color:#cccccc;
    padding:2px;
    margin:0;
    text-decoration:none;
    color:#000000;
    text-align:left;
    }
    .dbMenu li a.subMenu{
    background-repeat:no-repeat;
    background-image:url('images/down.gif');
    background-position:bottom right;
    text-align:left;
    }
    .dbMenu ul li a.subMenu{
    background-repeat:no-repeat;
    background-image:url('images/right.gif');
    background-position:center right;
    text-align:left;
    }
    .dbMenu li a:hover{
    background-color:#ffffff;
    color:#000000;
    visibility:visible;
    }
    .dbMenu ul li a:hover{
    background-color:#ffffff;
    color:#000000;
    visibility:visible;
    }
    .dbMenu ul.click{
    display:block;
    background-color:#ffffff;
    }
    .dbMenu ul.click li{
    background-color:#ffffff;
    color: #000000;
    }
    .dbMenu li a.click{
    background-color:#ffffff;
    color:#000000;
    }
    .dbMenu ul li a.click{
    background-color:#ffffff;
    }

  • #4
    New to the CF scene
    Join Date
    May 2009
    Location
    Colorado
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Never mind. I figured out I was looking at the wrong file. It was in the .js file not the .css file.

    I was able to figure out the setting I needed.

    Thanks anyway.


  • #5
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Uh.. I don't know how I missed your reply.

    I am glad you got sorted but, in case it matters to your site, a js menu is not always the correct approach. People who have javascript disabled won't be able to naviagte your site.

    If that matters to you, please post a link to your page and I'll see if I can help.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #6
    New to the CF scene
    Join Date
    May 2009
    Location
    Colorado
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I didn't think about that. I was just trying to find a quick way to get a menu on the site and found a free javascript menu.
    I'm willing to change it if necessary but keep in mind that I'm just learing this web stuff. I can usually amend an existing file but not so good at creating my own.
    Here is the link to our site - http://www.summittraffic.com
    Thank you for your help.

  • #7
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    look for 'suckerfish drop down' or 'son of suckerfish'.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #8
    New to the CF scene
    Join Date
    May 2009
    Location
    Colorado
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK, will do. I'll let you know.


  •  

    Posting Permissions

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