Form with CSS
May 4, 2012 4:18 PM
Tags:Good news is this is my LAST page for this website!!!!!!!!!!!!!!! I'm trying to display a contact form with css and it's almost 100% the way I want it to look, but I need help with the last few tweaks.
Here is the form page: http://www.healthquestpt.com/hpc/contact.html
1 - I want the distance between the liness to be closer together
2 - I want state and zip code to be on the same line
3 - I want a 1px border around the input boxes (it's coded - just not showing up....)
4 - I want the textarea box to be as wide as the other fields
Here is the css code I used:
label {
width: 5em;
float:left;
text-align:right;
margin-right: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
input
{
color: #000;
background: #ffffff;
border: 1px #1e1e1e;
}
.submit input
{
color: #000;
border: 1px #1e1e1e;
margin-left: 1em;
}
legend
{
color: #000;
background: #cccccc;
padding: 2px 4px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height: 3em;
}
p
{
margin-top: 0;
padding-right: 10px;
padding-left: 10px;
}
Again thanks for your help 
