Results 1 to 3 of 3

Thread: Simple Tree Menu - Collapsing

  1. #1
    Join Date
    Feb 2009
    Location
    The land "Down Under"
    Posts
    10
    Thanks
    2
    Thanked 1 Time in 1 Post

    Default Simple Tree Menu - Collapsing

    1) Script Title: Simple Tree Menu

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

    3) Describe problem:

    I have been working on a new look and upgrade for my website. I have installed and slightly modified this script, just how it looks. The problem is, when i click on a ul menu to expand it and click on a link inside it, the link will open then the ul will collapse again.

    Here is a screenshot if that helps explain a little.


  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

  3. #3
    Join Date
    Feb 2009
    Location
    The land "Down Under"
    Posts
    10
    Thanks
    2
    Thanked 1 Time in 1 Post

    Default

    Sorry my bad. Please see here www.st18x.com/backup/test/

    Username: backup and Password: b@ckup_st18x

    Does the same thing in either IE or firefox, but firefox is a little messy at the moment as i still need to work on the cross browser configuration!

    The CSS
    Code:
    .sidebar{
      width:170px;
      padding-left:5px;
      padding-top:10px;
      font-family:verdana;
      font-size:10px;
      color:#444444;
      background:#FAFAFA;}
      
    .sidebar a, a:visited{
      color:#444444;
      text-decoration:none;}
    
    .sidebar a:hover{
      color:#EE0000;
      text-decoration:underline;}
    
    .sidebar_line{
      width:2px;
      background:url(../images/line_v_solid.jpg) repeat-y top left;}
    
    .sidebar ul{
      font-family:verdana;
      font-size:10px;
      color:444444;
      margin:0;
      padding-top:2px;
      margin-bottom:5px;}
    
    .sidebar li{
      font-family:verdana;
      font-size:10px;
      color:444444;
      background:url(../images/list.gif) no-repeat left 3 center;
      list-style-type:none;
      padding-left:9px;
      padding-top:2px;
      margin-bottom:3px;}
    
    .sidebar li.submenu{
      cursor:hand !important;
      cursor:pointer !important;}
    
    .sidebar li.submenu ul{
      display:none;}
    
    .sidebar .submenu ul li{
      cursor:default;}

    Thanks
    Ryan

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
  •