New Comer (less than 5 posts)
jQuery Drop Line Menu Help!
1) Script Title: jQuery Drop Line Menu
2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...rop_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
Global Moderator
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)
Code:<!DOCTYPE HTML> <div id="mydroplinemenu" class="droplinebar">
Focus on Function Web Design
Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps
Senior Coders
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.
New Comer (less than 5 posts)
I removed all of the extra doctypes and am still having the same issue. Any other suggestions?
Thanks
Sarah
Senior Coders
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.
Junior Coders
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
Senior Coders
I don't know if this helps but here is a DEMO 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)
Junior Coders
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
Senior Coders
in the example you link to, it seems that the inline css in this paragraph is making trouble
You can target the "mydroplinemenu" id instead and do it with margins.Code:<div id="vhtm829jnaph" class="hid abs" style="left:30px; top:30px; width:775px; height:330px;">
Junior Coders
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
Posting Permissions
Reply With Quote
Bookmarks