Hi all!
I am trying to make these input boxes to evenly separated vertically. Right now, they are little bunch up together. I have attached 2 images to look at. The image “input1” is looking bunch up and I am trying to get it to look like the image “input2”.
Here is the external CSS:
[CODE]#form_container{
background-color:#e4ecff;
width:150px;
padding-top:20px;
padding-bottom:20px;
font-weight:bold;
left: 578px;
top: 160px;
position:absolute;
}
Here is the HTML:
[CODE] <div id=”form_container”>
First Name<br/>
<input type=”text” name=””/><br/>
Last Name<br/>
<input type=”text” name=””/><br/>
Street<br/>
<input type=”text” name=””/><br/>
City<br/>
<input type=”text” name=””/><br/>
State <br/>
<select name=”state”>
<option>please select one…</option>
<option>blah</option>
</select><br/>
Zip Code<br/>
<input type=”text” name=””/><br/>
Country <br/>
<select name=”country”>
<option>United States</option>
<option>blah</option>
</select><br/>
E-mail Address<br/>
<input type=”text” name=””/><br/>
Phone Number<br/>
<input type=”text” name=””/><br/>
Company<br/>
<input type=”text” name=””/><br/>
Job Title<br/>
<input type=”text” name=””/><br/>
</div>
I tried to add an extra <br/> but did not work.
Also, how do I get a 3-D effect on those input boxes. Mine currently looks very flat.
Thanks in advanced!