1. University of California, Irvine (Administrative Computing Services) Accessible Form HTML Samples Using Yahoo User Interface (YUI) Grids

2. University of California, Irvine (Administrative Computing Services) YUI DIV Classes  Review the YUI cheat sheet at http://yuiblog.com/assets/pdf/cheatsheets/css.pdf http://yuiblog.com/assets/pdf/cheatsheets/css.pdf  “yui-g” = the main grid  “yui-u” = the unit  “first” is for floating and placement.

3. University of California, Irvine (Administrative Computing Services)

4. Single Column Form  Sample

5. University of California, Irvine (Administrative Computing Services) Single Column Form  Nested DIVs yui-u first yui-u

6. University of California, Irvine (Administrative Computing Services) Single Column Form  Each label and input lies within its own grid.

7. University of California, Irvine (Administrative Computing Services) Single Column Form  Template

8. University of California, Irvine (Administrative Computing Services) Dual Column Form  Sample

9. University of California, Irvine (Administrative Computing Services) Dual Column Form  Nested DIVs yui-u first yui-u

10. University of California, Irvine (Administrative Computing Services) Dual Column Form  Stylesheet hosted by Yahoo. DIV class “yui-g” is the grid, and “yui-u” is the unit. The “first” is for floating and placement.

11. University of California, Irvine (Administrative Computing Services) Dual Column Form  Template