Javascript Menu Vary Width Individual Items

Support

FAQ

Contacts

About Us

Recent Questions

How can I vary the width of the individual items on the main bar for the javascript menu?

Return to Recent Questions

Q: How can I vary the width of the individual items on the main bar for the javascript menu?

A: You can use Individual Styles to set the width for the menu items. Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];

var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
["|XLCubed Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
["|Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];

Return to Recent Questions

Related:

Sep 02, 2006 - Can I show / hide the javascript floating menu .
Sep 02, 2006 - Little vertical spacers between menu items in the drop down menu.
Sep 06, 2006 - The Items of the javascript tree view stay expanded in the same state.
Sep 06, 2006 - Can't see my javascript vertical tree menu in FireFox.
Sep 11, 2006 - If I use doctype the settings of the submenus in javascript dropdown menu get lost.
Sep 15, 2006 - Are vertical menus also supported? I don't see any in the javascript menu examples.
Sep 17, 2006 - How can your javascript onmouseover menu be set to open by click?
Sep 23, 2006 - Is it possible that javascript drop down menus doesn't put anything on the local computer?
Sep 23, 2006 - Is it possible that your menu call some javascript onmouseover event?
Sep 24, 2006 - If there is a way of establishing the width at "runtime" in the javascript dynamic menu?
Sep 26, 2006 - Firefox doesn't support the dropshadow and effects in the javascript pull down menu.

Mobile-friendly Page Maker Responsive Website Maker \| 15 Recommended Website Makers Arranged by Level Of Popularity \| 36 Top Eye-catching and Free AMP Elements Templates for 2021 \| Fresh CSS Bootstrap Carousel Video Players and Nav Menu Demos \| 30 Killer Free Bootstrap Image Carousel and Gallery Scripts \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Builder \| AI Website Builder \| AI Website Builder \| AI web design generator \| AI web page design generator