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. A cleared heading for the 'Types of Cases' bit. Then the checkboxes in two groups, the first group floated left... And so on. Footer clearing both blocks.
The main trick I use for CSS forms is to use a fixed width for floated labels etc, so that they simulate a table-like layout. Traditional right-aligned labels work in exactly the same way. You can also be sure then that your containing blocks are the right width to hold all that's in them. And the left-floated elements must clear the previous left-floated element above. Enclosing a label/input pair in a div or other block-level element makes it easier to keep them horizontally aligned, but shouldn't strictly be necessary. (I'd be interested in hearing of a bulletproof method for this.) Hope this gives you some encouragement. Chris On 1/29/06, Les Mizzell <[EMAIL PROTECTED]> wrote: > 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 form, and stuff is all over the place on every > page. Layouts for these *ain't* gonna change no matter what, so they've > got to be done like these... > > Just wondering, would you folks go with tables on these for layout, or > stick to your guns and work through the CSS? > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
