I'm so near (but yet so far) to completing the type of menu I need with Milonic v. 5.746. Basically I'm using a horizontal menu that spans 100% of the browser width - this works. However, I have 5 menu items and I want to set % widths for these which doesn't seem to work at all. In short, I want the first menu item (aI tag) to span 40% and the other 4 menu items to span 15%...totalling 100%.
My current code is copied below but first please have a look at the 2 screenshots at the links below...
http://www.my-weblinks.com/Incorrect.jpg ("I want to..." wraps onto 2 lines - incorrect!)
http://www.my-weblinks.com/Correct.jpg ("I want to..." takes up only 1 line after making browser wider - correct! However, I want the browser window narrow as in the above Incorrect.jpg)
Code: Select all
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=0;
_subOffsetLeft=0;
with(horizStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="arial, tahoma";
fontsize="14";
fontstyle="normal";
headerbgcolor="#AFD1B5";
headerborder=1;
headercolor="#000099";
offbgcolor="#CFE2D1";
offcolor="#000000";
onbgcolor="#FEFAD2";
onborder="1px solid #999999";
oncolor="#000000";
onsubimage="./Images/downboxed.gif";
overbgimage="backon_beige.gif";
padding=3;
pagebgcolor="#CFE2D1";
pagecolor="#000066";
pageimage="db_red.gif";
separatoralign="right";
separatorcolor="#999999";
separatorwidth="85%";
subimage="./Images/downboxed.gif";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
followscroll="0";
menuwidth="100%";
orientation="horizontal";
style=horizStyle;
top=1;
margin=2;
aI("itemwidth=40%;showmenu=I want to...;text=I want to...;subimageposition=left;");
aI("itemwidth=15%;image=./Images/addweblink.gif;imagealign=center;onfunction=showtip('Add a weblink');");
aI("itemwidth=15%;image=./Images/addfolder.gif;imagealign=center;onfunction=showtip('Add a folder');");
aI("itemwidth=15%;image=./Images/fixsizepos.gif;url=javascript:fixSizePos();imagealign=center;onfunction=showtip('Fix window size and position');");
aI("itemwidth=15%;image=./Images/exit.gif;imagealign=center;onfunction=showtip('Exit');");
}
Mark.
