Main Menu Spacing in Table

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
doogy_rev
Beginner
Beginner
Posts: 1
Joined: Thu May 25, 2006 12:34 pm
Location: UK

Main Menu Spacing in Table

Post by doogy_rev »

Hi, Newbie here and been reading all the forums - cant find my solution to the problem.....

I have embedded xp style menu in a table of fixed width <td width="757" colspan="3">. How can i get the "mainmanu" to be evenly spread across the table. I have tried adding in "menuwidth" etc parameters but with no joy.

Any help you can give me would be great - sorry if the question seems pathetic :D

The link to my test web is.......

http://www.jameswarren.co.uk/qolcom/default.asp

My Embedded code is........

<td width="757" colspan="3">
<script>
with(milonic=new menuname("Main Menu")){
style=XPMainStyle;
alwaysvisible=1;
orientation="horizontal";
overfilter="";
position="relative";
aI("status=Back To Home Page;text=Home;url=http://www.qolcom.co.uk/;");
aI("showmenu=Qolcom;text=Qolcom;");
aI("showmenu=Solutions;text=Solutions;");
aI("showmenu=Products;text=Products;");
aI("showmenu=Services;text=Services;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Support;text=Support Center;");
}
drawMenus();
</script>
</td>

My Menu data code is..........

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=2;
_subOffsetLeft=-2;


with(XPMainStyle=new mm_style()){
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana";
fontsize="10";
fontstyle="normal";
fontweight="normal";
offbgcolor="#FFFFFF";
offcolor="#000080";
onbgcolor="#000080";
onborder="1px solid #000080";
oncolor="#FFFFFF";
overbgimage="images/orange_office2003.gif";
padding=3;
}


with(XPMenuStyle=new mm_style()){
styleid=1;
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="10";
fontstyle="normal";
fontweight="normal";
image="images/xpblank.gif";
imagepadding=3;
menubgimage="images/backoff2003_web.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#ffeec2";
onborder="1px solid #000080";
oncolor="#000000";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#B8D1F8', Direction=135, Strength=5)";
padding=4;
separatoralign="right";
separatorcolor="#6A8CCB";
separatorpadding=1;
separatorwidth="80%";
subimage="images/arrow.gif";
subimagepadding=3;
menubgcolor="#EBF0EC";
}

with(milonic=new menuname("QoLcom")){
margin=2;
style=XPMenuStyle;
aI("text=About us;url=qolcom_about.asp;")
aI("text=Contact us;url=qolcom_contact.asp;")
aI("text=How to find us;url=qolcom_find.asp;")
aI("text=T & C's / Privacy;url=qolcom_tc_privacy.asp;")
aI("text=Request Information;url=qolcom_request.asp;")
}


with(milonic=new menuname("Solutions")){
margin=2;
overflow="scroll";
style=XPMenuStyle;
aI("text=Overview;url=sol_overview.asp;")
aI("text=Free Space Optics;url=sol_free_space_optics.asp;")
aI("text=Mobile Enterprise;url=sol_mobile_enterprise.asp;")
aI("text=Public Hotspots;url=sol_public_hotspots.asp;")
aI("text=Wireless for Education;url=sol_wireless_edu.asp;")
aI("text=Wireless for Health Sector;url=sol_wireless_health.asp;")
aI("text=Voice over WLAN;url=sol_voice_wlan.asp;")
aI("text=Security & Surveillance;url=sol_sec_surveillance.asp;")
}

with(milonic=new menuname("Products")){
margin=2;
style=XPMenuStyle;
aI("text=QoLcom Product Suite;url=prod_suite.asp;")
aI("text=Wireless LAN;url=prod_wireless_lan.asp;")
aI("text=VoIP;url=prod_voip.asp;")
aI("text=Free Space Optics;url=prod_free_space_optics.asp;")
aI("text=Accessories;url=prod_accessories.asp;")
}

with(milonic=new menuname("Services")){
margin=2;
overflow="scroll";
style=XPMenuStyle;
aI("text=Introduction;url=serv_inrto.asp;")
aI("text=Plan & Configure;url=serv_plan_config.asp;")
aI("text=Deploy & Operate;url=serv_deploy_operate.asp;")
aI("text=Wireless Site Survey;url=serv_wireless_survey.asp;")
aI("text=802.11 Healthcheck;url=serv_healthcheck.asp;")
aI("text=CAD Services;url=serv_cad.asp;")
aI("text=Education;url=serv_education.asp;")
aI("text=Cabling;url=serv_cabling.asp;")
}

with(milonic=new menuname("Partners")){
margin=2;
style=XPMenuStyle;
aI("text=Partner;url=part_overview.asp;")
aI("text=Trapeze Networks;url=part_trapeze.asp;")
aI("text=Zultys;url=part_zultys.asp;")
aI("text=Picopoint;url=part_picopoint.asp;")
aI("text=Nomadix;url=part_nomadix.asp;")
}

with(milonic=new menuname("Support")){
margin=2;
style=XPMenuStyle;
aI("text=Information;url=res_info.asp;")
aI("text=Login;url=http://www.qolcomonline.com;")
}
drawMenus();
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

Make your embedded main menu file the following:

Code: Select all

with(milonic=new menuname("Main Menu")){
style=XPMainStyle;
alwaysvisible=1;
orientation="horizontal";
overfilter="";
position="relative";
menuwidth="100%";
itemwidth="100%";
aI("status=Back To Home Page;text=Home;url=http://www.qolcom.co.uk/;");
aI("showmenu=Qolcom;text=Qolcom;");
aI("showmenu=Solutions;text=Solutions;");
aI("showmenu=Products;text=Products;");
aI("showmenu=Services;text=Services;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Support;text=Support&nbsp;Center;");
}
drawMenus();
The reason for the non breaking line-space is to prevent that item from wrapping since there are two words in it.

Ruth
Post Reply