Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS Multi-Column Forms in HTML/ASP.NET

Tags:

css

forms

I've researched for hours and still haven't found a robust, non-absolute-positioning solution for displaying multiple-column forms and values without using TABLE tags.

Can someone point me to a resource specifically oriented towards reproducing table-based, multiple-column forms (like name and address forms) in CSS to standards?

Most of the forms I see only have a single column with field/value.

like image 411
Caveatrob Avatar asked Apr 28 '09 19:04

Caveatrob


2 Answers

These are the ones I use most often:

  • Prettier Accessible Forms
  • 40+ CSS/JS Form Styling techniques
  • 47+ Excellent AJAX CSS Forms
  • CSS-Based Forms: Modern Solutions
like image 72
Chris Doggett Avatar answered Sep 30 '22 13:09

Chris Doggett


I didn't find a clean way to make this with CSS that works without problems in most major browsers and I doubt it exists. Most 'solutions' use hacks and 'fixes' to workaround a current lack of support for this kind of layout. While table based layout has its downsides it is the cleanest solution for what you are probably trying to achieve.

If you need a 'table layout' just use a table.

like image 22
Aleris Avatar answered Sep 30 '22 12:09

Aleris