sub menu arrow causing misalignment of V main menu

Poster: kevinl
Dated: Friday January 20 2006 - 19:43:19 GMT

Hi,

I have vertical main menu with menu items right aligned. On the main menu items which have sub menus, the sub menu arrow image is causing that menu item to be pushed left a bit, thus my main menu is not neatly aligned, see http://www.solomon.ie/milonic/index.html (Accommodation menu item)

I am using the latest source downloaded today.

My style is:
with(style1=new mm_style()){
offcolor="#002bb9";
offbgcolor="#ffffff";
oncolor="#ffffff";
onbgcolor="#002bb8";
borderstyle="solid";
bordercolor="#000000";
fontsize=13;
fontstyle="normal";
fontweight="bold";
fontfamily="Arial, sans-serif";
padding=8;
subimage="pics/arrow.gif";
//high3dcolor="white";
low3dcolor="#DCDDDE";
separatorcolor="#DCDDDE";
}

and the main menu is:
with(milonic=new menuname("mainmenu")){
style=style1;
itemwidth=170;
alwaysvisible=1;
align="right";
position="relative";

aI("text=Home;url=/index.php;")
aI("text=How to find us;url=/page/2;")
aI("text=Accommodation;showmenu=page_3_subm;url=/page/3;")
aI("text=Dining out;url=/page/4;")
aI("text=Attractions;url=/page/5;")
aI("text=Activities;url=/page/6;")
aI("text=Events guide;url=/page/7;")
aI("text=Arts & crafts;url=/page/8;")
aI("text=Services / rentals;url=/page/9;")

}

Anyone any ideas?

Many thanks,
Kevin

Poster: Ruth
Dated: Saturday January 21 2006 - 3:13:00 GMT

Hi,

Yes, use the subimageposition property and put the arrow in front of the word instead of behind it. subimageposition="left";. If you have to have it where it is, then you need to make a transparent image the same size as the subimage and you need to put the image in each of the other items setting it for imageposition="right"; that way each item will have the text shift back by the same amount.

Ruth

Poster: kevinl
Dated: Saturday January 21 2006 - 15:17:50 GMT

Thanks Ruth,

That fixed it, I used the transparent image option to pad out the items without sub menus.

Kevin