Re: [css-d] Form layout patterns

2013-02-05 Thread Tom Livingston
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

Re: [css-d] Form layout patterns

2013-02-05 Thread Colin (Sandy) Pittendrigh
Good Bradfrost link above. Thank you for that. Here's a question. Since the great CSS Positioning leap forward we no longer have to use nested tables for overall page layoutas did most of us during the late 1990s. But I do occasionally (still) use tables for laying out forms. As long as the

Re: [css-d] Form layout patterns

2013-02-05 Thread Philip TAYLOR
Colin (Sandy) Pittendrigh wrote: Violent prejudice against tables for layout is similar, in a way, to the way C-programmers now rail against the infamous goto statement, which is sometimes (break out of a doubly nested loop) useful and not harmful.if kept under control, and if

Re: [css-d] Form layout patterns

2013-02-05 Thread Tom Livingston
On Tue, Feb 5, 2013 at 11:23 AM, Colin (Sandy) Pittendrigh sandy.pittendr...@gmail.com wrote: Good Bradfrost link above. Thank you for that. Here's a question. Since the great CSS Positioning leap forward we no longer have to use nested tables for overall page layoutas did most of us

[css-d] Form layout patterns

2013-01-29 Thread Tom Livingston
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,

Re: [css-d] Form layout

2008-10-16 Thread Snipes, Jason L
Can someone point me to a good online tutorial describing various techniques for tableless form layout? I have found the techniques described in this A List Apart Article very helpful. http://www.alistapart.com/articles/prettyaccessibleforms/ If possible, I'd like to create some forms that

[css-d] Form layout

2008-10-13 Thread Jim
Can someone point me to a good online tutorial describing various techniques for tableless form layout? If possible, I'd like to create some forms that would allow me to use CSS to switch between two common layouts - one in columns and the other line-oriented. That is: Name [

Re: [css-d] Form layout

2008-10-13 Thread David Laakso
Jim wrote: Can someone point me to a good online tutorial describing various techniques for tableless form layout? This may help (in part, at least): http://www.quirksmode.org/css/forms.html -- A thin red line and a salmon-color ampersand forthcoming.

Re: [css-d] Form layout

2006-12-15 Thread Russ Peters
Some designs have every label on top and left aligned above each text field. This obviously makes a long form even longer which is why I opted to put them to the left of each field. Anyone have any suggestions or advice? Am I headed down the right path here?

Re: [css-d] Form layout

2006-12-15 Thread Tim Offenstein
At 1:56 PM -0800 12/14/06, Russ Peters wrote: Can you take a look at my progress on this form and let me know if I'm headed down the right path for a nice looking layout here? Alignment and style on forms have always challenged me. http://www.redcanoecu.com/applications/membership.asp Hi Russ,

Re: [css-d] Form layout

2006-12-15 Thread Russ Peters
At 1:56 PM -0800 12/14/06, Russ Peters wrote: Can you take a look at my progress on this form and let me know if I'm headed down the right path for a nice looking layout here? Alignment and style on forms have always challenged me. http://www.redcanoecu.com/applications/membership.asp

Re: [css-d] Form layout

2006-12-15 Thread Roger Roelofs
Russ, On Dec 15, 2006, at 11:46 AM, Russ Peters wrote: (2) The selection menus for States and Raiders are not accessible without using a mouse on some browsers. (Safari works okay, not sure yet about IE, but no-go on Firefox). Also the radio buttons/check boxes are not accessible with

Re: [css-d] Form layout

2006-12-15 Thread Russ Peters
On Dec 15, 2006, at 11:46 AM, Russ Peters wrote: (2) The selection menus for States and Raiders are not accessible without using a mouse on some browsers. (Safari works okay, not sure yet about IE, but no-go on Firefox). Also the radio buttons/check boxes are not accessible with just

[css-d] Form layout

2006-12-14 Thread Russ Peters
Can you take a look at my progress on this form and let me know if I'm headed down the right path for a nice looking layout here? Alignment and style on forms have always challenged me. What is the best alignment for labels? I have them right aligned right now next to the form fields with all

Re: [css-d] Form layout

2006-12-14 Thread Chris Broadfoot
Russ, Can you take a look at my progress on this form and let me know if I'm headed down the right path for a nice looking layout here? Alignment and style on forms have always challenged me. At first glance, it looks nice to me. What is the best alignment for labels? I have them right

Re: [css-d] Form Layout how would *you* do this? question...

2006-02-22 Thread Rakesh Pai
Give the ROW class a background: url(image with a single dot) repeat-x bottom, and give the individual spans a background-color: white. This is assuming that you are working on a white background, and you already have the code to align the elements correctly. On 2/22/06, Les Mizzell [EMAIL

Re: [css-d] Form Layout how would *you* do this? question...

2006-02-21 Thread Schalk
Les Mizzell wrote: What I'm trying to get is: http://www.columbiacityjazz.com/LEV4_VOUCHERS_DIV_STEP2.gif I've set it up like this: div class=ROW span class=fltLEFTLong Distance Telephone Calls/span span class=fltRIGHTinput type=text name=whatever/span /div The left/right

Re: [css-d] Form Layout how would *you* do this? question...

2006-02-21 Thread Rahul Gonsalves
Schalk wrote: Les Mizzell wrote: http://www.columbiacityjazz.com/LEV4_VOUCHERS_DIV_STEP2.gif Greetings Les, Current I get a can't connect server error when trying to access the link. Schalk: I can connect just fine to the server. Rahul. -- . . . . . . . . . . . . . . . . . . . . .

Re: [css-d] Form Layout how would *you* do this? question...

2006-02-21 Thread Holly Bergevin
From: Les Mizzell [EMAIL PROTECTED] What I'm trying to get is: http://www.columbiacityjazz.com/LEV4_VOUCHERS_DIV_STEP2.gif The left/right aligned columns isn't the problem. It's the darned dotted line between them. This same configuration takes place in dozens of places - Class ROW is 600

[css-d] Form Layout how would *you* do this? question...

2006-02-20 Thread Les Mizzell
What I'm trying to get is: http://www.columbiacityjazz.com/LEV4_VOUCHERS_DIV_STEP2.gif I've set it up like this: div class=ROW span class=fltLEFTLong Distance Telephone Calls/span span class=fltRIGHTinput type=text name=whatever/span /div The left/right aligned columns isn't the

Re: [css-d] Form Layout - better table or CSS for this one?

2006-01-31 Thread Chris Ovenden
(Taking it back onto the list, as others might be interested) I don't know if you tried your first example in Firefox, but it worked just fine. IE sometimes goes haywire on all-floated layouts, however, and putting each line inside a block element was a pretty good cure. The inputs don't need to

Re: [css-d] Form Layout - better table or CSS for this one?

2006-01-31 Thread Roger Roelofs
Chris, On Jan 31, 2006, at 2:33 AM, Chris Ovenden wrote: I don't know if you tried your first example in Firefox, but it worked just fine. IE sometimes goes haywire on all-floated layouts, however, and putting each line inside a block element was a pretty good cure. The inputs don't need to

[css-d] Form Layout - better table or CSS for this one?

2006-01-29 Thread Les Mizzell
I thought I was getting pretty good at accessible CSS driven form layouts, but I might have met my match this time (meaning - amount of time needed for table layout verses CSS). Here's Photoshop mock ups of two of the form pages. http://www.cyndustries.com/formTEST.cfm This is an 8 multi-page

Re: [css-d] Form Layout - better table or CSS for this one?

2006-01-29 Thread Chris Ovenden
Looks completely do-able in CSS to me. The first page I'd divide into two main DIVs, floating the first one left. Inside the first block, labels with a set width (could be in ems though if a fluid layout is required) floated left and cleared left, so that the input fields sit neatly next to them.

[css-d] form layout problems

2005-09-10 Thread Graham Cox
Hi, I have a form with an id of #form_guide at http://www.golfbettingguide.com/statistics/golf-stats.php The problem is the label and select drop down box aren't moving down underneath the two text boxes properly. Frustratingly I had this working perfectly the other day but think I've