Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library

Advertise Here

CSS Layouts
Web Graphics
Online Tools:

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 2 of 4 pages  <  1 2 3 4 >

seriously. buy wow gold don't start. buying gold world of warcraft unless you. cheap wow gold don't mind . cheap wow gold sacrificing a. cheap wow gold TON of . cheapest wow gold your free time. clé cd i hardly. compte wow ever play . eve isk any other . free online war games ames now. mp3 players which makes. portable mp3 player me sad. portable mp3 players but i . sell wow gold cannot resist . world of warcraft gold the siren . wow song of WoW. wow and my . wow acc gf now . wow authentication hates WoW . wow card with a passion. wow compte and resents . wow gold the time. wow gold that i. wow gold play it. wow gold last night. wow gold i turned down . wow gold two different. wow gold invitations from . wow gold kaufen friends to . wow gold kaufen hang out . wow powerleveling so that . wrath of lich king i could run.
Posted by SDFFDSFDS on 12/25, 03:08 AM
As far as. 2GB MP3 PLAYER what knowledge. 4GB MP3 PLAYER and lore. 60 70 wow we could . 8GB MP3 PLAYER find inside. baladeur MP3 the possibilities. burning crusade key really . canon digital camera are endless. carte wow The Titans. cd key apparently created . des comptes much of . digital mp3 player what walks. dvd player Azeroth. karte wow so the . level wow origins of. mp3 mp4 many species . mp3 player and primeval. play war games history could . power level be at. world of warcraft key our fingertips. wotlk We could . wotlk find out . WOTLK LEVEL more about. wow account the Old . wow accounts Gods they fought. wow kaufen or the. wow leveling Dragonflights they. wow lvl 70 established to . wow power leveling watch over. wrath of the Azeroth. wrath of the lich king But even.
Posted by sfdafdsfds on 12/25, 03:09 AM
As mentioned . burning crusade key in the introduction. cartes wow while most. carto wow Shaman think . eve isk that Enhancement . HDRO gold is the . key wotlk way to. lord of rings online gold go when . lotro gold levelling up. lotro gold I contend . wotlk that Elemental. wotlk key is better. WOTLK LEVEING at lower. WOTLK LVL levels because. WOTLK Power leveling it has . wow account some great . wow account talents available . wow accounts early on . wow card while the real . wow card goodies of . wow cards Enhancement tree . wow cd are further . wow key down the tree. wow key An more . wow key in-depth discussion. wow level can be . wow leveling found here. wow lvl 80 And because. wow powerlevel someone asked. wrath of lich king in that thread. wrath of the lich Restoration is . wrath of the lich a great .
Posted by sdfsdd on 12/25, 03:10 AM
为什么. 免费网络游戏 我总是感到无聊. 免费游戏 为什么. 免费游戏下载 我总是感到. 魔兽 生活没有了激情. 魔兽战争网游下载 学习. 网络游戏 学习. 网游 不进去. 游戏 上网. 游戏下载 也没了. 在线游戏 感觉. 战神不败 天天. 战神不败网游下载 都在. 最新免费网络游戏 混日子. 最新网络游戏 按道理. 最新网游 一个女孩子. 最新游戏 不应该.
Posted by werre on 12/25, 03:10 AM
moh
Posted by mohamed hadji on 12/25, 12:26 PM
First, thank you... this is awesome!!! So I've placed a little newsletter on my website (using your html code but modified to remove what I dont need). But how do I gather what users enter? That is, when someone enters an email... where does it go? Can I have the submit button send the info entered to my email address? Sorry if this is a silly question, i'm a novice.
Posted by shaan on 12/31, 06:30 AM
ssssssssssssssssssssssss
Posted by amine on 01/01, 07:57 AM
Really its a interesting post, I always enjoy reading such posts which provides knowledge based information.
Posted by stevens johnson syndrome on 01/09, 02:44 AM
This looks quite cool. but try viewing it in Firefox. The list items show the default list icon.
Posted by Rahul on 01/12, 01:40 AM
I dont know why people try to avoid tables even if they have a row and column like layout. are tables forbidden in modern xhtml?
Posted by Atif on 01/12, 02:57 AM

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


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