CSS Flyout Menu Demo

• The menu's fontsize and button dimensions are specified in 'em' units. The menu's width is 7.5em (same as the column width). Change the default font-size in your browser to see how the menu can be scaled up or down...
  ...and note how the width of the column also changes.
• The menu is relatively positioned at (0, 0) within a <div> named 'leftnav' that is part of the flowed content in the sidebar on the left.
• Menukit uses a 'theme' to style a menu. The theme used in this demo has light and dark borders that are swapped when moused over to suggest a 3-dimensional button effect. Compare this with the 2-D demo (identical except for its use of 2-dimensional buttons).

Tutorials

Learn how to...
	create a multi-level menu with Menukit.
	create a 2-column divs-based page layout like this.
	place a Menukit CSS Flyout menu in the left column.
	define a Menukit Theme with 3-D Buttons.