View Full Version : Drop down menu and Safari

Greg Polka
09-13-2007, 03:42 PM
1) Script Title: AnyLink Drop Down Menu

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

3) Describe problem: The script is great but wont work properly on Safari. Dou you have a version of this script compatible with Safari?

In case you need this information: a link to the site where I use the script in question


Thanks for your help!

09-13-2007, 04:08 PM
i am guessing you have tested it in other browsers ? could you possibly show a screen shot between Safari and some other browser that it works properly on... preferably one that supports standards... like opera / firefox

Greg Polka
09-13-2007, 04:15 PM
I don't have Safari at home. It works fine on IE. It's good on Firefox and even Netscape except that the sub-menu feature of the item changing to white letters on black background only work for the first sub-menu (out of 3). I'll try to make a capture screen on Safari later today. Thanks for the quick reply!

09-13-2007, 04:52 PM
Here's a screencap from Safari.
Low rez as to not waste bandwidth, but shows the results clearly enough.

The layout is also problematic, with a large space below the menu.

Anyway, the first menu works with in Safari, just like Firefox.
However, the second and fourth do not open as dropdowns, but simple lists, inline. See the image attached. (note that the third and fifth links do not have dropdown menus associated with them

Is the problem as simple as:
<div id="menu1" class="link1">
<a href="index.html#babillard" target="_top">babillard</a>
<a href="index.html#images" target="_top">SCCCUM en images</a>
<a href="index.html#bienvenue" target="_top">mot de bienvenue</a>
<a href="index.html#nouvelles" target="_top">nouvelles</a>
<a href="index.html#archives" target="_top">archives</a></div>
<div id="menu2" class="link2">
<a href="mission.html" target="_top">mission</a>
<a href="nosmembres.html" target="_top">les membres du SCCCUM</a>
<a href="statuts.html" target="_top">statuts et r&#232;glements</a>
<a href="instances.html" target="_top">instances & comit&#233;s</a>
<a href="representation.html" target="_top">repr&#233;sentation</a>
<a href="contact.html" target="_top">coordonn&#233;es</a></div>
<div id="menu4" class="link4">
Does each menu have a different CSS style? That would explain why they differ in how they pop up on screen.