A List Apart’s Nick Rigby offers “Prettier Accessible Forms”, a great tutorial on making a solid basic form in HTML and CSS.

I’ve tried to create a form-styling solution that is both accessible and portable (in the sense that I can move the code from one project to the next). Floats have often provided a solution to my problem, but given the complexity of some layouts and the numerous float bugs associated with Internet Explorer, it’s not always easy to reuse a float solution. I wanted to create something that anyone could easily reuse on any project: a style sheet that, when applied to a correctly marked up HTML form, would produce the basis of the required layout. So here it is—my attempt at portable, accessible forms.

I’ll be talking more about forms in WordPress soon. So stay tuned!

---

Site Search Tags: form, forms, accessible, portable, html, css, layout, web, design, webdesign, bugs, float
Copyright Lorelle VanFossen, member of the 9Rules Network