CSS Grids: Examples

Building Pages with YUI CSS Grids

• Available Page Widths: Choose a preset page width. Choose fluid or fixed widths.
• Customize the Page Width: Customization is easy when you need a specific page width.
• Available Preset Templates: Two-column page layouts
• Nesting Grids: Use nesting grids to define sub-regions

Examples That Make Use of CSS Grids

• Adding Submenus On The Fly (included with examples for the MenuNav Node Plugin)
• Basic Left Nav (included with examples for the MenuNav Node Plugin)
• Basic Top Nav (included with examples for the MenuNav Node Plugin)
• Left Nav With Submenus With Rounded Corners (included with examples for the MenuNav Node Plugin)
• Left Nav With Submenus With Shadows (included with examples for the MenuNav Node Plugin)
• Menu Button Top Nav (included with examples for the MenuNav Node Plugin)
• Skinning Menus Created Using the MenuNav Node Plugin (included with examples for the MenuNav Node Plugin)
• Split Button Top Nav (included with examples for the MenuNav Node Plugin)