Making menu items overlap

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:21

Making menu items overlap

Poster: Shap5202
Dated: Tuesday December 20 2005 - 15:26:47 GMT

I don't know if this is position or not, looking at the menu item properties (if i've missed an obvious, sorry

)
If a normal menu looks like

____ _____
|One|| Two |

I wanted to looked like
________
|One|Two |

Haven't actually tried this yet, but wanted to know if it is possible?

Thanks in advance

Poster: Ruth
Dated: Tuesday December 20 2005 - 16:05:43 GMT

How do you mean overlap? Do you want a submenu to overlap the menu from which it opens? If so, then

if the menu is a submenu dropping from a horizontal menu then you could use top="offset=-x"; where x is the number of pixels you want to shift the submenu up.

if the menu is a vertical menu opening from a vertical menu you use the subOffsetLeft=x; where x is the number of pixels to shift it left to be over the main menu. If you are talking about menu items overlapping, that's not possible.

Ruth

Poster: Shap5202
Dated: Tuesday December 20 2005 - 16:27:24 GMT

Quote:

If you are talking about menu items overlapping, that's not possible.

Yes, that's what i was talking about.

currently the menu is set up like:

Code:

with(milonic=new menuname("Retrieve_nav")){      alwaysvisible=1;         position="relative";         orientation="horizontal";         style=sectionMenuStyle         left=20;
                aI("image=image_one.jpg");            aI("showmenu=Retrieve_link;image=image_two.jpg;");
}
               
with(milonic=new menuname("Retrieve_link")){      orientation="vertical";
   style=mainStyle;
   left=162;
   top="offset=-25";
   overflow="scroll";
                     aI("text=None");
   
}

drawMenus();

so the goal would be to have the item with image_one slightly overlap the item with image_two. I guess this could be done by splitting the 2 items into separate menus and positioning the 2nd menu back to the left and lower the z-index to accomplish the effect.

On an unrelated note... (and maybe this is more a question for Andy?) after reached a certain number of menu(item)s, do you start reaching a performance rendering hit?

Poster: Ruth
Dated: Tuesday December 20 2005 - 16:41:23 GMT

Hi,

No it's not possible. Think of it like this, not an exact analogy but ....

If you had an apartment house, could you make one apartment shift and have part of it sit over the one next door?

However, if you give me the images I might be able to figure something out that would look as if it did that.

As to performance, no there should be no problem, well I guess if you had a really really really really huge data file, it might be slow on first load for someone on a slow dial-up.

Ruth

Poster: Shap5202
Dated: Tuesday December 20 2005 - 18:24:02 GMT

Ruth, thanks for the offer. I think we have a solution to try. going to alter the images a little bit and use some transparency to get the desired effect we're going for. And converting the first menu item into an ordinary <img> tag with an onclick (since it doesnt have a menu anyways). Then just slide the menu offset to the left. SHOULD work... but we'll see

Thanks again

Industrial Strength JavaScript and DHTML Menus

Making menu items overlap