PDA

View Full Version : AnyLink JS Drop Down - Can't click link to drop down till move mouse farther on page



seangallagher
10-21-2010, 12:35 AM
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: Can't click on dropdown menu link until you move mouse over a bit on the page?

website links...
site page - http://www.intangiblecollective.com/JonathanWeiskopf/thespacebetweenobjects.html
anylinkmenu css - http://www.intangiblecollective.com/JonathanWeiskopf/anylinkmenu.css
anylinkmenu js - http://www.intangiblecollective.com/JonathanWeiskopf/anylinkmenu.js
menucontents js - http://www.intangiblecollective.com/JonathanWeiskopf/menucontents.js
website css - http://www.intangiblecollective.com/JonathanWeiskopf/style.css

Any help would be beyond appreciated as this is all that's left to finishing this site. The menu has one drop-down menu "Portfolios" ... you aren't able to click on "Portfolio" or the link of the logo to the right of that until you move the mouse over to halfway over the second link in the menu ("Information")

Problem seems to be able to be fixed if I change .anylinkmenucols{ position: from fixed; to absolute; but the page is a horizontal scroll and needs the drop down menu to stay in place.

Thank you in advance to anyone who can give insight on this! It's really puzzling me.
- sean

seangallagher
10-22-2010, 01:35 PM
any ideas? ha.

jscheuer1
10-22-2010, 04:58 PM
You've left out:


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

from your anylinkmenu.css file. As a result, the shadow is being rendered position static and with visibility visible (defaults for all elements) and so initially covers the Portfolios link and most of the Information link. For some reason though, once you hover the part of Information that's not covered (its right end) or Prints or News (neither of which are covered at all), or do any number of other things on the page, like scroll it. The situation resolves itself and I'm guessing the scripted styles for the shadow take over.

To make a long story short, reinstate the above styles. If they're problematic (I'm assuming you don't want the shadow showing up at all), they can be changed to:


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: -1; /*zIndex for shadow*/
background: transparent;
visibility: hidden;
}

And if your goal was to remove the shadow, that should do it without causing the problem you're having.

seangallagher
10-22-2010, 05:04 PM
thank you so much! that did the trick perfectly and was the final thing we needed for the site to function correctly! again, beyond appreciated.
- sean