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
How to set the Width and Height of Horizontal Menu
-
- Beginner
- Posts: 6
- Joined: Wed Apr 23, 2003 7:25 am
Re How to set menu width on horizontal menu
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
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
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
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
-
- Beginner
- Posts: 6
- Joined: Wed Apr 23, 2003 7:25 am