home / documentation / reference / imagehorizspace

ImageHorizSpace

Description:

The distance, in pixels, between the right edge of the more image and the menu item's padding (left edge if RightToLeft is true).

Value:

Integer, or JavaScript expression that returns an integer. Negative integers are not allowed.

Applies To:

Menu Items.

Browser Compatibility:

ImageHorizSpace is supported in all browsers.

Comments:

"More" images are the (usually) triangular images that appear within a menu item denoting the existence of a child menu for this menu item.

The image above assumes that ItemPadding has been set to 4, and ImageHorizSpace has been set to 10.

HierMenus provides several triangular graphics in its distribution file that are suitable for use in menus, however designers are welcome to create their own more images as appropriate. The graphics provided by HierMenus are located in the images sub-directory of the distribution file, and bear names such as HM_More_black_right.gif, HM_More_white_left.gif, etc.

You must always specify ImageHorizSpace as a number, or a JavaScript expression that returns a number. Do not use quoted strings or non-numerical characters when defining ImageHorizSpace. ImageHorizSpace is always interpreted by HM in pixels.

Examples:

// Ok:
ImageHorizSpace:3,
ImageHorizSpace:8,
ImageHorizSpace:(HM_Mac)?8:6, // 8 in Mac, 6 all others

// Incorrect:
ImageHorizSpace:"7",
ImageHorizSpace:10px,
ImageHorizSpace:"(HM_Mac)?8:6", // Do not quote expressions here

Default:

0

See Also:

ImageWidth, ImageHeight, ImageVertSpace