Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Table-less CSS Forms


CritterNYC - 3:56 pm on Jul 26, 2004 (gmt 0)


Heeeeey... Nice work. :) Only thing I can really comment on is that the right edge is too wide, but I guess that's inevitable if you want it to look okay in IE5. Also, the submit-button is a bit misplaced, would be better if the right edge was aligned with the text boxes.

They're just side effects of the original posted to this thread. Dropping the fieldset width to 23em will take care of it. Same with the submit button. A left margin of 15em and a width of 7em will fix that.

And one thing I wonder about; why the br { clear : both; }? Granted, I've not tested it in IE, but in Opera and Moz it's unneccessary. Any reasons for it?

Yeah, it's a holdover from the way I use it. Occasionally, in a form, you end up with one smaller textbox on a "row" due to the other data around it. Rather than expanding a textbox that only takes a few letters to the whole width, you end the row there, with the BR tag. Clear:both handles that nicely. I have one form with 60 form elements on it, all arranged with CSS.

Other than that, it's a great job! :)

Thanks. I'm a HUGE fan of css-p em forms now and am happy to share.


Thread source:: http://www.webmasterworld.com/css/3758.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com