PDA

View Full Version : All level menu's arrows are faster on the generator page then the example page



quadris
08-24-2009, 11:35 AM
1) Script Title: All levels menu

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

3) Describe problem:
Hi folks, I've installed that wonderfull script. And it works like a charm.
Only thing is: When loading the arrows follow later, so the whole menu makes a shift.
See here: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

I see on the generator page this is different, the arrows are directly shown.
http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/generator.htm

How can I do this on my website? Is it the Javascript that causes this? Because I don't want to reinstall everything.
Thanks!

ddadmin
08-24-2009, 06:18 PM
There is no difference between the two page's code that would cause this actually. But if your arrow images are slow to load- hence displacing the menu item temporarily, try giving them an explicit width/height attribute inside base.css:


.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
width: 20px;
height: 15px;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
width: 15px;
height: 15px;
}