Forms and CSS

Building a form like this using tables is easy .. scroll down and see the source code … no table no td no tr … just plain css..

CSS is real fun to play with and powerfull too

cssform.jpg
[code lang=”css”]

body{
background-color:#fff;
font-family:Arial;
}
#frmAddress{
background-color:#fee9bd;
padding:0px;
margin:0px;
border:1px solid #FFCC66;
width:50%;
}
#frmAddress h1{
font-size:20px;
background-color:#fff8db;
padding:0px;
margin :0px;
}

.frmin{
width:150px;
background-color:#fff8db;
margin-top:2px;
margin-bottom:4px;
}

label{
background-color:#fff8db;
border:1px solid #ccc;
float: left;
width: 120px;
margin:3px;
padding:3px;
font: bold normal 13px Arial, Helvetica, sans-serif;
}

br{
clear:left;
}

[/code]

[code lang=”html”]

Edit Address



[/code]

Published by

Varun Krish

Varun Krish has been dabbling with computers and websites for almost 2 decades. He has traveled to over 30 countries and hopes to visit every country on earth one day. He is currently the Editor-in-Chief of FoneArena.com and also advises startups and product companies on how to build better products. You can follow him on @varunkrish

Leave a Reply

Your email address will not be published.