Html Menu Specify Width Items

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

Support

FAQ

Contacts

About Us

Recent Questions

I can’t seem to figure out how to specify the width of individual horizontal menu items for the html menu.

Return to Recent Questions

Q: I can’t seem to figure out how to specify the width of individual horizontal menu items for the html 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 first item of the html drop down menu stays highlighted.
Sep 16, 2006 - I need to be able to highlight the selected menu item of the html tree menu.
Sep 24, 2006 - If there is a way of establishing the width at "runtime" in the javascript dynamic menu?
Sep 25, 2006 - My menu icons are not appearing in the preview, or when I launch deluxe-menu.html
Sep 26, 2006 - Why is the submenu has a different colour than menu items in the javascript menu bar?
Sep 26, 2006 - Is there a way to change the height of the main buttons in my simple dhtml menu.
Oct 01, 2006 - All of the items in html pull down menu are different sizes.
Oct 22, 2006 - Why I now have double drag menus and how to correct?
Oct 22, 2006 - When the html submenus are over applet in https: the applet disappeared.
Oct 26, 2006 - I would like to load an iframe into one of the items in oncontextmenu.

Best 18 Landing Page Bootstrap Theme Roundup Bootstrap Table Template \| Top Mindblowing HTML Image Slideshow Ideas \| Bootstrap Alert Colors \| Bootstrap Pagination Responsive \| Bootstrap Buttons Group \|
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 Generator \| AI Website Maker \| Free AI Website Generator