Website Drop Down Menu Specify Width Individual Items

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

I canпїЅt figure out how to specify the width of individual items in the website drop down menu.

Return to Recent Questions

Q: I canпїЅt seem to figure out how to specify the width of individual items in the website drop down menu.
I would like to specify that each menu item on the horizontal take up just 113px
regardless of the number of characters in the item.
Is there a way of doing that?

A: You should use var itemStyles to set an individual item style, for example:

var itemStyles = [
["itemWidth=113px"]
];

var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parameters for items width.

Use Deluxe Tuner GUI to create and assign individual styles.

Return to Recent Questions

Related:

Sep 02, 2006 - Little vertical spacers between menu items in the drop down menu.
Sep 06, 2006 - The alighment of the dropdown menu is off to the right in Firefox...
Sep 06, 2006 - The first item of the html drop down menu stays highlighted.
Sep 11, 2006 - How can I hide my dropdown menu on print?
Sep 11, 2006 - If I use doctype the settings of the submenus in javascript dropdown menu get lost.
Sep 23, 2006 - Is it possible that javascript drop down menus doesn't put anything on the local computer?
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.
Sep 26, 2006 - Why is the submenu has a different colour than menu items in the javascript menu bar?
Sep 29, 2006 - Is it possible to use an external file in the java drop down menu?
Oct 01, 2006 - All of the items in html pull down menu are different sizes.

Bootstrap Grid Tutorial Bootstrap Form Button \| Bootstrap Accordion Table \| Bootstrap Checkbox Label \| Bootstrap Columns Mobile \| Bootstrap Image Gallery \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	AI Website Builder \| AI Website Maker \| AI Website Generator \| AI web design generator \| AI website design generator