PDA

View Full Version : Jquery Drop Down Menu Problem



Schmoopy
11-08-2008, 10:15 PM
1) Script Title: jQuery Multi Level CSS Menu #2

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

3) Describe problem:

I'm having a bit of trouble implementing this menu in IE and Opera, in IE the content box is too high, and in Opera, the "Trick Book" drop down goes to the left instead of the right for some reason. I'm also trying to get the width of the menu to be correct in all browsers, so I don't have a border to the right of calendar. and just goes to the end of the right hand side.

Hope you can help with this,

Jack.

ddadmin
11-09-2008, 04:52 AM
Hmm it's hard to tell without seeing an actual example. Please post a link to the page on your site that contains the problematic script so we can check it out.

Schmoopy
11-09-2008, 10:52 AM
Yea sorry, forgot to post it in the first one -

http://www.bombthehills.com/index2.html

Thanks for the reply :)

Schmoopy
11-09-2008, 05:06 PM
Since posting this thread I've changed the drop down menu to the one listed here:

http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

But annoyingly, I'm having problems with this one too, well with one page in particular :

http://www.bombthehills.com/test/ridingspots-uk.html

You can see that in (IE) smaller resolutions, and if you resize the browser, that the map moves and the text for the centres is in the wrong place, anyone know how to fix this?

When I've tried to fix it the sub menus in IE and Opera move to the right, so I'm just completely stuck as to what to do =/

Example of offset menu at: http://www.bombthehills.com/test/guides-maintenance-f3.html

Thanks,

Jack

ddadmin
11-10-2008, 02:50 AM
Try moving the HTML for the drop down menus themselves to the very end of the page, right above the </body> tag:


<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="guides-intro.html">Intro / Basics</a></li>
<li><a href="guides-maintenance.html">Board Maintenance</a>
<ul>
<li><a href="guides-maintenance-f3.html">F3 Bindings Guide</a></li>

</ul>
</li>
<li><a href="guides-ridetips.html">Ride Tips</a></li>
<li><a href="guides-tricktips.html">Trick Tips</a></li>
</ul>

<!--Top Drop Down Menu 2 HTML-->

<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="ridingspots-europe.html">Europe</a>
<ul>
<li><a href="ridingspots-belgium.html">Belgium</a></li>

<li><a href="ridingspots-france.html">France</a></li>
<li><a href="ridingspots-germany.html">Germany</a></li>
<li><a href="ridingspots-italy.html">Italy</a></li>
<li><a href="ridingspots-switzerland.html">Switzerland</a></li>
<li><a href="ridingspots-uk.html">United Kingdom</a></li>
</ul>

</li>
</ul>

<!--Top Drop Down Menu 3 HTML-->

<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="trickbook-flatland.html">Flatland</a></li>
<li><a href="trickbook-basicgrabs.html">Basic Grabs</a></li>
<li><a href="trickbook-advancedgrabs.html">Advanced Grabs</a></li>
<li><a href="trickbook-spinsnflips.html">Spins & Flips</a></li>
<li><a href="trickbook-grindsnlip.html">Grinds & Lip</a></li>

</ul>

</body>