Back To Start Of Archive
Taken From The Forum: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:32
How to set the Width and Height of Horizontal Menu
Poster: tomistrugar
Dated: Wednesday April 23 2003 - 7:34:26 BST
I want to set the Width and Height of my Horizontal Menus to
a. Width=100% and Height=100px
b. Width=600px and Height=100px
What is the format of the following setting to accomplish these?
// Set the Overall Width of Horizontal Menu to specified width or 100% and height to a specified amount
I have tried "100%, 100", but that makes the menu not load.
Many thanks
Re How to set menu width on horizontal menu
Poster: snapey
Dated: Thursday April 24 2003 - 21:36:14 BST
This parameter seems strange to me.
Any value at all indicates that the 'menu' should be 100% wide, and then the value is used to set the height in pixels.
ie, a value of 20 produces a bar of 20 pixels high, across the entire width of the screen.
The actual menu elements, with borders, still occupy the same position and size on the screen as defined in the first elements of the menu.
For an example, look at the horizontal menu on milonic.com.
As far as I know, the menu item width is either fixed (and specified in the menu width item) or is proportional to the length of text in the menu item. I don't believe that you can have a true 100% menu with items dynamically spread across the width of the page - as you might get with a table type setup.
Mark
Poster: kevin3442
Dated: Saturday April 26 2003 - 7:47:18 BST
Hi,
As far as I have been able to tell, if you use a value greater than 0 for that property, it will:
(1) extend a bar behind the menu, 100% of the page width (as with the horizontal main menu used to navigate the Milonic site),
(2) expand the color bar the specified number of pixels above and below the menu
(3) Use the Mouse Off Background Color set in the menu's style array
You can use a value of 1 to extend the bar across the page. But then you might want to set the border width of the menu to 0, or set the border color to transparent, for the best visual effect.
There is no built-in method of setting the menu's height. But see this recent thread.
Hope that helps,
Kevin