With a hat tip to Phillipe, I've just started building off this model, and I love it. Nice responsive form shown in the "form with left labels" example.
http://bradfrost.github.com/this-is-responsive/patterns.html I had been doing all tables for really tight control of forms, but this div-based approach seems to be working and allows the flexibility to do the side-by-side alignments and so on that you're mentioning. While at the same time being responsive and tolerable down to the small form factor devices. Not that I'm there/done/complete, but I'm coding it all right now and it seems to be working. HTH, Chris On 1/29/13 12:00 PM, "Tom Livingston" <tom...@gmail.com> wrote: >Hello all, > >Do any of you have a favorite form styling/structure pattern that you >always use? I am particularly looking for a layout that has labels next to >form fields as opposed to above them. Also, multiple fields on one line, >like 'state' and 'zip' next to each other, with respective labels, all on >one line. > >Every time I have to do a form I usually end up doing battle with some >aspect of it. Getting the above mentioned scenario all on one line, having >labels vertically centered on the height of the fields next to them, etc >always seems to be a stumbling block for me. It never goes smoothly. I've >tried several approaches, but each seems to have a downside. > >Off-list replies as necessary... > >-- > >Tom Livingston | Senior Interactive Developer | Media Logic | >ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com >______________________________________________________________________ >css-discuss [css-d@lists.css-discuss.org] >http://www.css-discuss.org/mailman/listinfo/css-d >List wiki/FAQ -- http://css-discuss.incutio.com/ >List policies -- http://css-discuss.org/policies.html >Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
