PDA

View Full Version : Problem with Anylink CSS Menu



ballk
12-07-2010, 09:28 PM
1) Script Title: Anylink CSS Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/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!

ddadmin
12-09-2010, 07:58 AM
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:


..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:


<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:


<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 (http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm) and maybe try reinstalling the script. :)