On Wed, Jan 30, 2013 at 3:51 PM, Chris Williams <ch...@clwill.com> wrote:
> 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... > > > >-- > > > Thanks Chris > ______________________________________________________________________ > 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/ > -- 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/