PDA

View Full Version : Vertical Input Boxes



creativemind
Jan 17th, 2009, 04:36 AM
Hi all!

I was wondering if anyone know how to create a vertical input boxes. I have attached an image to show you what I am trying to do.

Also, is it posible to create these vertical input boxes WITHOUT using a table? I was thinking of creating these veritcal input boxes using DIV and CSS.

Thanks in advanced!

kokjj87
Jan 17th, 2009, 08:51 AM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vertical Input Box</title>
<style>
#form_container{
background-color:#4AD9D1;
width:150px;
padding:10px;
padding-bottom:20px;
font-weight:bold;
}
</style>
</head>
<body>
<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....</option>
<option>blah</option>
</select><br/>
Zip Code<br/>
<input type="text" name=""/><br/>
Country <br/>
<select name="country">
<option>please select....</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>
</body>
</html>