CSS/(X)HTML Framework for Web Applications

Index of Available CSS Classes

See templates for examples.

• notice
  Used primarily in the status box, but can also be used for areas that require the user's attention. The class can be applied to the form or fieldset tag depending on the need.
  
  
• success
  Used only in the status box for confirmation messages.
  
  
• error
  Used in the status box and both labels and fields that are required.
  
  
• required
  Used primarily in labels with an * asterisk which describes a "required" field. The class is applied to the strong tag which surrounds the asterisk.
  
  
• horizontal
  Placed directly on the form tag, this class adjusts the layout of the form to display it in column view with text aligned left within label.
  

How to Use

Select the desired layout and then view the source. Be sure to use the source code as the guide for laying out the page. Copy and paste the source into your own document.

The following tags can be removed from the "Mast" if not needed: H2, UL (used for page tabs) and P (used for user names and log-out/sign out link). If you change your mind and want to add any of the tags back in, you may do so.

Layouts

Fixed Width Layouts (950px Wide)

• Sidebar on the left
• Sidebar on the right
• Content only (no sidebar)
  

Full-width Layouts (100%)

• Sidebar on the left
• Sidebar on the right
• Content only (no sidebar)

Helpful Links on Web Accessibility for Rich Internet Applications

• WebAIM
  • Creating Accessible JavaScript
    • Accessibility of Rich Internet Applications
    • Accessibility of AJAX Applications
  • Creating Accessible Forms
    • Usable and Accessible Form Validation and Error Recovery
  • Creating Accessible Tables
  • Web Accessibility Gone Wild
• Web Accessibility Initiative
• Web Content Accessibility Guidelines (WCAG) 2.0