(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Support
  FAQ
  Contacts
  About Us
  Recent Questions


 

    Right now the buttons are tight together, how do I create a gap between each dhtmlmenu button?

Return to Recent Questions


Q: I just noticed as well that I cannot change the spacing of the buttons.

Right now the buttons are tight together, how do I create a gap between each dhtmlmenu button?

A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:
var itemPadding = "4px";
You can also set multiple values, for example:
"2px 15px 5px 5px";
(top, right, bottom, left)






Return to Recent Questions

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