|
I mean I have about 30 or so form fields that need to be layed out in a space-efficent form. I had been using a set of nested tables (very, vert nested at times), but I started messing around with CSS and the more I read the more was lamented about using tables to lay things out. I looked at a few examples and though, "Ok, this might do what I need it to". I even looked at some table-less form designs. The problem was that no one showed how to lay out the processed version of the form, the one that doesn't have any "input" fields, just text. I tried to recreate the methods used for form layout, but they failed miserably as the left hand titles didn't line up with multi-row values. Tables handle this automatically, but not the methods employed for table-less CSS apparently.
For example, I have an "address" field. Well, if the address goes on too long, the line wraps down. The only problem is that the title, "Address:" doesn't increase it's space to match, and the result is that "State:" is now directly left of the lower half of the address.
I've been able to get rid of a number of the nested tables, but I don't see how it's possible to completely give up tables on anything but the most simple layouts, that contain only a few elements.
|