Results 1 to 2 of 2

Thread: Problem with Anylink CSS Menu

  1. #1
    Join Date
    Dec 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Problem with Anylink CSS Menu

    1) Script Title: Anylink CSS Menu

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

    3) Describe problem: I cannot get my Anylink drop-down menus to work at all. They worked for about a year with no problem and then all of a sudden quit working. Does anyone know if there is an update to this script?

    Here's the web site where the script is installed:
    http://www.cotonball.com/home.htm

    Can anyone help me figure out what's wrong?

    Thank you!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    There are numerous things missing on your page actually in order to get the script to work. Firstly, your anylink.css file contains erronous CSS syntax:

    Code:
    ..anylinkcss{
    position:absolute;
    visibility: hidden;
    border:1px solid black;
    border-bottom-width: 0;
    font:normal 10px Verdana;
    line-height: 18px;
    z-index: 100;
    background-color: #ffffff;
    width: 150px;
    }
    
    ..anylinkcss a{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid black;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    text-indent: 5px;
    }
    
    ..anylinkcss a:hover{ /*hover background color*/
    background-color: white;
    color: black;
    }
    There shouldn't be two dots following each selector (ie: ..anylinkcss).

    Moving on, your page is missing the anylinkcssmenu.init() call in the head section of your page that initializes the script, ie:

    Code:
    <script type="text/javascript">
    
    //anylinkcssmenu.init("menu_anchors_class")
    anylinkcssmenu.init("anchorclass")
    </script>
    And finally, for the anchor links you want to associate a drop down menu with, you need to insert a rel attribute inside each of the link pointing to the ID of the drop down menu DIV, ie:

    Code:
    <a href="http://www.dynamicdrive.com" class="anchorclass" rel="submenu1">Default Example</a>
    Basically, you should look over the installation instructions again on the script page and maybe try reinstalling the script.
    DD Admin

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
  •