Hi, It's taken me a little while to diagnose this issue in our favorite browser #ie6. I'm using the suckerfish script for a drop down menu and somewhere else in the page when I am using scriptaculous' Draggables or Sortables it's causing the drop down menu to flicker when you mouse over the menu items. I'll try and put together a good test case, but has anyone come across this one before? Cheers,
Articles similar to scriptaculous Draggable causing drop down flicker:
link flicker in all IE browsers
Hi,
I am using a script to set a background on a div that appears behind a navigation menu. Unfortunately this is causing the nav items in the drop-down menu to flicker when they are hovered over in any IE browser. Before I post all the code, does anyone have any solutions to stop the flickering? Thanks in advance.
http://www.jontakiff.com/lifebook2Scriptaculous drag and drop issue
I've been banging my head against a brick wall with this for an hour now!
According to the documentation, this little snippet I've put together:
Code:
<div id="draggable">drag me</div>
<div id="droppable">drop here</div>
<script>
new Draggable ('draggable', {revert: 'failure'});
Droppables.add ('droppable');
</script>
...should mean that when the dragged element is dragged onto the droppable element, it stays there when you release the mouse.
Suffice to say, it doesn't!
Anyone able to help me work out why? Of course, if I'm going about it the wrong way, a friendly hand in the right direction would be most appreciated :)Menu Hover
First off, the site is at To view the link you have to Register.
My question is regarding the drop down menu. What I want to do is have the selected main menu category stay gray while you navigate its sub-menu. As it is, the main menu returns to its original color once you mouse onto the drop down.
Thanks in advance for any help. This is the css that applies to the menu:
Code:
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:0px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
margin:0px;
list-style:none;Drop Down Menu
Hey there,
Does anyone have some script for a nice dropdown menu, preferably built out of floated <ul> elements (not sure if there's any other way to do it). I would also like them to cascade into 2 or 3 sub levels if possible. Any help would be much appreciated. I have used a drop down created by a menu generator site previously and it is inadequate so I am desperate to replace it.
thanks guysDrop Down Menu Problems
Hi all
I've been trying all day to get this drop down menu working. The code works fine when the menu is text only but I'm using background images for the buttons normal and hover states. The main problem is that the image used of the nav button is being shown in place of the drop down menu buttons, also when I roll off the button on to the drop down menu I want the button stay on the hover state but it goes back to the normal state.
Here is a link to a stripped down version and an image of what I'm trying to achieve.
Any help with this would be greatly appreciated
http://www.ttmt.org.uk/dropdown/
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"A Messed up CSS Drop Down Menu
I'm trying to make a simple css dropdown menu for one link in my nav bar.
The website is:
http://www.blanchetrocker.com/
If you hover above "Products", you should see a drop down, but a few of the below layers overlap it, including the flash object, which cuts off submenu items.
It seems to me that the rest of the page is overlapping the dropdown menu when you hover over it, so as soon as you leave the little box that you originally hover over to see the submenu, the rest of the menu disappears.
Also, none of the other links work yet either because I was just trying to get this dropdown to work initially.
Any help is greatly appreciated!js dropdown menu help, please
I have a working drop down menu on my "Facebook" icon at the top of my website.
www.billboardfamily.com
The menu works fine, but I would like for it to open to the left of the icon... should look something like the attached pic.
I do not know enough about js to make this happen, any help would be great. Thanks in advance!
anylinkmenu.js
Code:
//** AnyLink JS Drop Down Menu v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
//** January 29th, 2009: Script Creation date
//**May 22nd, 09': v2.1
