Log in

View Full Version : jQuery Drop Line Menu Help!


sarahgvsu
08-16-2010, 05:46 PM
1) Script Title: jQuery Drop Line Menu

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_menu/

3) Describe problem: There is a large gap between the original menu and the submenus. It is therefore impossible to click on the links in the submenu.

You can see this on my page www.transfigurationlutheranfenton.org/test.html

If anyone knows how to correct this I would greatly appreciate it.

Thanks!
Sarah
Beverleyh
08-17-2010, 02:38 PM
At first glance, you seem to have a stray doctype halfway down your page - it's right above the droplinebar so maybe that is what's throwing it off? Remove it and see what happens. (I think you've misinterpretted the comment on the script page about valid doctypes - you should only have one at the top of the page rather than adding another one above the droplinebar)


<!DOCTYPE HTML>
<div id="mydroplinemenu" class="droplinebar">
azoomer
08-17-2010, 02:45 PM
That's true, and there's even one more "extra" doctype in line 12 that you would also want to remove. Not sure if this will fix the menu problem though, but it's a start.
sarahgvsu
08-20-2010, 06:22 PM
I removed all of the extra doctypes and am still having the same issue. Any other suggestions?

Thanks
Sarah
azoomer
08-21-2010, 10:18 AM
The menu you have is totally confusing and obviously it is not working as intended. What makes it hard to come with suggestions is that we don't know how you want it to work. If you could give a detailed description of what you want to achieve, it would be easier for someone to help.
lasa2
08-22-2010, 12:29 AM
The menu looked interesting so I tried it...
I got the same result as sarahqvsu... the large space betweem the main menu and sub menu... I'm using the sample menu as a reference to learn.

www.threefooter.com/menu

Any idea what we are doing weird?

Lasa2
azoomer
08-22-2010, 02:19 AM
I don't know if this helps but here is a DEMO (http://azoomer.com/droplinemenu/) that i put up, just following the instructions in the documentation. ( okay I centered it with a few lines of css, but nothing else). You can copy the sourcecode and use as a template if you want.
lasa2
08-22-2010, 11:58 AM
Yours works perfectly as per the demo, but if I copy the source code it doesn't work at all... I'm definetly doing something messed up...lol
azoomer
08-22-2010, 12:14 PM
in the example you link to, it seems that the inline css in this paragraph is making trouble

<div id="vhtm829jnaph" class="hid abs" style="left:30px; top:30px; width:775px; height:330px;">

You can target the "mydroplinemenu" id instead and do it with margins.
lasa2
08-22-2010, 01:40 PM
That's it!
Thanks azoomer it seems my wysiwyg program added that ... so now at least I can focus on it and figure it out.
Thanks again!

Lasa2