PDA

View Full Version : Resolved All levels nav menu horizontal position



bugjah
05-30-2009, 02:30 AM
1) Script Title: ddlevelsmenu

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

3) Describe problem:

I am attempting an implementation of the drop down menu for my left side nav bar. You can see the two menu items ("evidence" and "possible futures") that have sub menus.

http://www.stanford.edu/~seastar/problem/GBWR.html

As you can see, when you roll over either of those two menu items at the above link, the drop down menu successfully appears. It seems, though, that the default is to have the left edge of the drop down menu line up flush with the right edge of the main nav menu.

In my menu, you'll see that I don't use boxes. Nevertheless, these items are within a list (ul...li) in a single table cell that is 180px wide.

As you can see, the result in my implementation is that the drop down menus appear 30 or so pixels to the right of the little arrows. I would, rather, like the drop down menu to appear just to the right of the arrows.

(in other words, I would like to shift the horizontal position of the drop down menus about 30 pixels to the left, thus overlapping the drop down menu with the main nav menu).

Here is a link to an image ("photoshopped") of what I would like the result to look like.

http://www.stanford.edu/~seastar/problem/screenshot_wish.png

I searched through the JS code with no success (I am a novice, so no surprise there).

Thanks for any help!

ddadmin
05-30-2009, 09:01 AM
Try finding the following line inside the .js file, and add to it the part in red. You may want to adjust 30 to another number:


var menuleft=(this._istoplevel? this._offsets.left + (dir=="sidebar"? this._dimensions.w-30 : 0) : this._dimensions.w)

bugjah
05-30-2009, 05:54 PM
Great! That works - thank you so much! :)