CSS Grids: Examples
Building Pages with YUI CSS Grids
- Using Units: Each unit has a className that provides its percentage width.
- Fixed Page Template: This is a template for creating fixed-width layouts.
- Fluid Page Template: This is a template for creating fluid layouts.
- Aligning Units: Basic CSS properties are leveraged to horizontally and vertically align units.
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)