Date: 29/11/2006 Author: Stephen Sinclair

Update: 30/11/2006 v2.0 - Lost Opera 5 and 6 support, but gained a 100% accessible form. "label" tags now go to right of radio buttons and check boxes.

UrMood Forms - 100% pure css, tableless, semantically correct, forms.

XHTML 1.0 Strict

Tested and working in Windows: IE 5, IE 5.5, IE 6, IE 7, FF 1, FF 2, Netscape 6*, Netscape 7*, Netscape 8, Opera 5**, Opera 6**, Opera 7, Opera 8, Opera 9

Unfortunately I don't have a mac or linux to test in. If anybody can help out with these or if you have any feedback, it would be very much appreciated, drop me an email: urmood@btopenworld.com or reply to my thread.

*Due to a bug in Netscape 6 and Netscape 7.0 the label tags won't show. Netscape 7.1 and above works fine . If you want the form to work in Netscape 6 and Netscape 7.0 you can wrap the label tags in a span, and apply the style to the span instead of the label. See the Netscape version. Obviously adding the span tag wastes the semantics a bit, but it can't be helped.

**Supported on v1.0, however, the form isn't 100% Accessible as the "label" tag must be placed before radio buttons and check boxes.