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:

Aug 28, 2006 - Horizontal at level 1, Horizontal at level 2, then vertical?
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?

30+ Top Innovative Software Company Website Template List Exceptional Bootstrap Mobile Template Set \| How to Make a Webpage - Step by Step Tutorial \| Awesome Mobile-friendly Website Design Review \| Magical HTML Bootstrap Slider With Text Templates \| Fine Bootstrap Page Templates - Video List \|
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 Builder \| AI Website Maker \| Free AI Website Generator \| AI web page design generator