Friday, August 27, 2004

Until recently forms were a no-brainer for me, 2 column table each label and input field in its own row. Simple. As I have previously mentioned I am currently building a site at FPC using xhtml 1 transitional and css layout. I have created one page using forms in the admin section but it is the a huuuuge form which to be honest I had to knock out fast.

So then I am asked to include a form in a previously designed page which is a major part of the site. I struggled all day yesterday to get my form looking like it would in a table but with little success. Finally this morning I resorted to using a table which took me a very small amount of time and left me feeling a little disheartened, after all, I have put 6 weeks into this site the last thing I wanted to do was de-value my coding abilities at this point. Then I remembered an article I read a little while ago and hit google for some answers and sure enough I found it. Fun with forms by Picment.com which I think was featured on A List Apart.

In my 5 years coding html I have never once used a fieldset to define a structural container in a form or a label tag to define descriptive information to form elements like input fields, I can't believe it!

Anyway, the Fun with forms by Picment.com creates a perfect 2 column form which even looks good with styles disabled so thanks Søren Madsen for saving my site!

Jon 10:19 AM Permalink