Stylish Forms without Tables

Building websites with CSS is pretty easy once you get the hang of it.  Letting go of tables when it comes to forms can be tough.  Tables make it easy to lay out orderly, nicely styled forms but they’re not accessible making form-filling difficult for anyone using a screen reader.

Enter CSS and semantic HTML.  Of course, before you do anything with CSS you need to get your HTML in order.  This has to be the definitive article on good HTML form design without the use of tables .  Adams first walks you through the necessary elements of a good form.  Once that’s in place, he provides a step-by-step guide to styling that form.  The end result is stylish and user-friendly at the same time.