PDA

View Full Version : AnyLink JS Drop Down Menu v2.2



allisoni
10-27-2010, 10:40 PM
1) Script Title: AnyLink JS Drop Down Menu v2.2

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

3) Describe problem: I implemented this in a website however, when in IE it looks perfect and is below the image but in Firefox the drop down covers the image.

I haven't changed anything other than menu colors.

ddadmin
10-28-2010, 08:09 AM
Please post a link to the page on your site that contains the problematic script so we can check it out.

allisoni
10-28-2010, 05:15 PM
http://www.myinvisiblecoach.com/Default2.aspx

Just a temp page I set up. Mouse over Tools and you'll see what I mean.

ddadmin
10-28-2010, 08:28 PM
Try giving the anchor image explicit width and height attributes, ie:


<a href="Tools.aspx" class="menuanchorclass" rel="anylinkmenu1" data-image="img/tools.jpg" data-overimage="img/tools.jpg"><img src="img/tools.jpg" style="border-width: 0; width:97px;height:42px" /></a>

If that doesn't help, try also moving the "rel" attribute into the IMG tag itself:


<a href="Tools.aspx" class="menuanchorclass" data-image="img/tools.jpg" data-overimage="img/tools.jpg"><img src="img/tools.jpg" rel="anylinkmenu1" style="border-width: 0; width:97px;height:42px" /></a>

allisoni
10-28-2010, 08:50 PM
Neither worked.

Moving the rel tag stopped it from showing up alltogether

ddadmin
10-31-2010, 06:31 AM
For the 2nd suggestion, try also moving the "data" and "class" attributes so they are inside the image element as well:


<a href="Tools.aspx" ><img src="img/tools.jpg" class="menuanchorclass" data-image="img/tools.jpg" data-overimage="img/tools.jpg" rel="anylinkmenu1" style="border-width: 0; width:97px;height:42px" /></a>

allisoni
11-01-2010, 05:33 PM
That worked. Thanks!