www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] Alignment

  1. #1
    Join Date
    Feb 2007
    Posts
    170

    resolved [RESOLVED] Alignment

    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!
    Attached Images Attached Images
    Last edited by CreativeMind; 01-17-2009 at 06:03 PM. Reason: Changes

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Wrap the text and input in a label, as you should, then give the label a line-height which suits your requirements.
    At least 98% of internet users' DNA is identical to that of chimpanzees

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles