Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

CSS Library: Form CSS: Here

Corporate CSS Tableless form

Author: Dynamic Drive

This is an elegant tableless CSS form template with a decidedly corporate look and feel. The most commonly used form elements with corresponding legends are added in to get you up and going quickly. Structurally the CSS form is made up of two "columns"- a left stylized "legend" column, plus a right DIV column enclosing the actual form field. Both columns are floated "left" and then put inside a "row" DIV that equalizes the two columns' divergent heights so the tallest one wins out.

The form is responsive in that it expands to take advantage of the full horizontal space of the page when the window is 480px or less, or that of most smart phones.

Demo:


*Note: Please make sure it's correctly entered!
* Please check all that apply.

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 11/27/2008

Revision History: 06/10/2013 Form now responsive, adapting to windows 480px or less.

Usage Terms: Click here

Your Comments (32)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 3 of 4 pages  <  1 2 3 4 >

I feel delighted to read such a good post, I would like to thank the Author for this marvelous efforts.this post is good in regards of both knowledge as well as information. Thanks for the post.
Posted by LasVegas Personal Injuries on 01/14, 04:05 AM
Really its a interesting post, I always enjoy reading such posts which provides knowledge based information
Posted by San Diego Personal Injury on 01/15, 04:08 AM
Awesome article - concise and correct. I would like to thank the author for shearing the information and Congratulate him for this brilliant piece of work.
Posted by seattle Personal Injury on 01/16, 04:48 AM
This site is one of the best web designing site, Thanks for the information.
Posted by Marco-Iowapersonalinjurylawyers on 01/27, 02:49 AM
Posted by daddd on 01/30, 08:48 PM
Thanks for the post. What do you all think of the future of blogging? I have been reading a lot about google's attempt to gain preferential treatment for its site from internet providers. This will result in their sites being faster than sites owned by in
Posted by Emelie-New York personal injury lawyers on 02/05, 02:34 AM
The good guy is someone who radiates good vibes to others and is not psychotic about doing his own thing.:-)
Software Computers - unique catalogue of new useful computers software products with detailed description.
Posted by Computers Software on 02/10, 12:25 AM
Thanks, Very interesting read, Iíve been really enjoying checking up your posts from time to time. Looking forward to see your future posts smile.
Posted by Computers Software on 02/10, 03:18 AM
Toronto, ON wow gold(Sports Network) -wow gold Kobe Bryant finishedwow power leveling with 36 pointsworld of warcraft gold, and had a crucialwow gold basket and rebound inbuy wow gold the final minute towow gold lead the Los Angeles Lakerswow gold to a 115-107 win overwow gold the Torontowow gold Raptors.
Posted by ljhha on 02/11, 03:46 AM
Wholesale Silver Jewelry Thailand & Sterling Silver Jewelry
Posted by Jewelry Stores on 02/20, 06:16 AM

Comment Pages 3 of 4 pages  <  1 2 3 4 >

Commenting is not available in this weblog entry.
Copyright 2006-2011 Dynamic Drive Read our Usage Terms before using any of the CSS codes.