A great example of a table-less form created by Jeff Howden. A real time saver for web developers:
http://jeffhowden.com/code/css/forms/
this is one thing i have a hard time weening off tables for. it’s especially annoying the way checkboxes and radios line up next to text
the code looks neat and simplified. better than having numerous tags for a table.
Going along with Steve’s comment, what if I want First and Last name on the same line for space saving sake?
To make the text not align next to the input boxes, you can add the value of align top rather than align left. It will make the box move under the label or for example you can put the value with what appears to be inside of the input box.
For example: http://lechlak.com/#/contact-me
I will write a tutorial on this in the near future, but it involves both javascript and css because older HTML/CSS doesn’t allow proper form styling.
4 Responses
this is one thing i have a hard time weening off tables for. it’s especially annoying the way checkboxes and radios line up next to text
the code looks neat and simplified. better than having numerous tags for a table.
Going along with Steve’s comment, what if I want First and Last name on the same line for space saving sake?
To make the text not align next to the input boxes, you can add the value of align top rather than align left. It will make the box move under the label or for example you can put the value with what appears to be inside of the input box.
For example: http://lechlak.com/#/contact-me
I will write a tutorial on this in the near future, but it involves both javascript and css because older HTML/CSS doesn’t allow proper form styling.