I am playing with item images for the top level menu items. My style definition for the top level menus is:
Code: Select all
with(mainmenu=new mm_style()){
borderwidth=0;
onbgcolor="transparent";
oncolor="#ff0000";
offbgcolor="transparent";
offcolor="#000000";
padding=5;
fontsize="120%";
fontfamily="Verdana, Tahoma, Arial";
itemwidth=142;
imagewidth=142;
itemheight=23;
imageheight=23;
align="center";
}
Code: Select all
with(milonic=new menuname("Main Menu")){
style=mainmenu;
position="relative";
alwaysvisible=1;
orientation="horizontal";
aI("text=Home;bgimage=off1.gif;overbgimage=over1.gif;");
aI("text=WebTools;showmenu=webtools;bgimage=off1.gif;overbgimage=over1.gif;");
aI("text=Departments;showmenu=departments;bgimage=off1.gif;overbgimage=over1.gif;");
aI("text=Resources;showmenu=resources;bgimage=off1.gif;overbgimage=over1.gif;");
}
What I get is this:
The thin white line below each menu item is the top of a duplicate of each "off" image. I verified that by increasing the itemheight property to 50 which is over twice that of the image (142x23) and seeing a duplicate of the blank image below. So, it DOES appear to be wrapping. I am not sure what I am doing wrong since I specified both item and image dimensions.