Making menu items overlap

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Shap5202
Super Advanced
Super Advanced
Posts: 62
Joined: Thu Sep 29, 2005 2:36 pm

Making menu items overlap

Post by Shap5202 »

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
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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
Shap5202
Super Advanced
Super Advanced
Posts: 62
Joined: Thu Sep 29, 2005 2:36 pm

Post by Shap5202 »

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: Select all

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?
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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
Shap5202
Super Advanced
Super Advanced
Posts: 62
Joined: Thu Sep 29, 2005 2:36 pm

Post by Shap5202 »

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
Post Reply