Js Dropdown Menu Item Long Text Image Breaks

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

Support

FAQ

Contacts

About Us

Recent Questions

When I have an js dropdown menu item that is a little long in text the image breaks in to two buttons.

Return to Recent Questions

Q: I purchased your menu and I am currently using it. I was trying to use the vista template with the images. Yet when I have an js dropdown menu item that is a little long in text the image breaks in to two buttons. Is there a way to fix this or is that just the way it is with these templates?

A: Images in Vista Templates have the fixed width and height (92 x 21):

var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000", "itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

Return to Recent Questions

Related:

Sep 02, 2006 - Little vertical spacers between menu items in the drop down menu.
Sep 04, 2006 - Set a menu item to pressed when a page is loaded.
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 16, 2006 - I need to be able to highlight the selected menu item of the html tree menu.
Sep 18, 2006 - Does the js menu work to load pages into an iframe?
Sep 22, 2006 - Where do I add my "blahblah.htm" page links in js menu?
Sep 26, 2006 - Why is the submenu has a different colour than menu items in the javascript menu bar?
Oct 01, 2006 - All of the items in html pull down menu are different sizes.

Bootstrap Textarea Group Bootstrap Breakpoints Responsive \| Bootstrap Button groups active \| Bootstrap Navbar Example \| Bootstrap Jumbotron Header \| Bootstrap Tooltip Placement \|
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 \| Free AI Website Generator \| AI web design generator