Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Would appreciate Some Help Getting Radio Buttons and Select Menus Aligned Properly?

    Hi Guys,

    I'm having some problems getting this selection menu working correctly on 2 points.

    1: Radio buttons can all be selected, i need to have it reserved for one option only.
    2: Alignment of the menu elements.

    Here is a visual on how i would like to have it:



    Here is what i have achieved so far, as you can see it's not the way i would like it to be:



    Here is the code:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html> 
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    TD{font-family: Arial; font-size: 10pt;}
    --->
    </style>
    </head> 
    <body>
    <table>
    <tr>
    <td><form action="request_quote.php" method="post">
    					<dl class="form">
    						<b>     Loan Type:</b>
    						<br>
    						<br>
    							<form name="form">
    							     <input type="radio" name="Refinance" value="REFI" checked> Refinance
    </br>
    							     <input type="radio" name="Purchase Home" value="NEWHOME"> Home Purchase
    <br>
    							     <input type="radio" name="Debt Consolidation" value="DEBTCON"> Debt Consolidation
    <br>
    							     <input type="radio" name="Home Equity" value="HOMEEQ"> Home Equity
    							</form>
    							</td>
    							<td>
    <br>	
    <br>	
    						<form>				
    						<b>State:</b>
    							<select Name="propertyStateCode">
    								<Option value="-- Select One --" Selected="True">Select One</Option>
    								<Option value="AL">Alabama</Option>
    								<Option value="AK">Alaska</Option>
    								<Option value="AZ">Arizona</Option>
    								<Option value="AR">Arkansas</Option>
    								<Option value="CA">California</Option>
    								<Option value="CO">Colorado</Option>
    								<Option value="CT">Connecticut</Option>
    								<Option value="DE">Delaware</Option>
    								<Option value="DC">District of Columbia</Option>
    								<Option value="FL">Florida</Option>
    								<Option value="GA">Georgia</Option>
    								<Option value="HI">Hawaii</Option>
    								<Option value="ID">Idaho</Option>
    								<Option value="IL">Illinois</Option>
    								<Option value="IN">Indiana</Option>
    								<Option value="IA">Iowa</Option>
    								<Option value="KS">Kansas</Option>
    								<Option value="KY">Kentucky</Option>
    								<Option value="LA">Louisiana</Option>
    								<Option value="ME">Maine</Option>
    								<Option value="MD">Maryland</Option>
    								<Option value="MA">Massachusetts</Option>
    								<Option value="MI">Michigan</Option>
    								<Option value="MN">Minnesota</Option>
    								<Option value="MS">Mississippi</Option>
    								<Option value="MO">Missouri</Option>
    								<Option value="MT">Montana</Option>
    								<Option value="NE">Nebraska</Option>
    								<Option value="NV">Nevada</Option>
    								<Option value="NH">New Hampshire</Option>
    								<Option value="NJ">New Jersey</Option>
    								<Option value="NM">New Mexico</Option>
    								<Option value="NY">New York</Option>
    								<Option value="NC">North Carolina</Option>
    								<Option value="ND">North Dakota</Option>
    								<Option value="OH">Ohio</Option>
    								<Option value="OK">Oklahoma</Option>
    								<Option value="OR">Oregon</Option>
    								<Option value="PA">Pennsylvania</Option>
    								<Option value="RI">Rhode Island</Option>
    								<Option value="SC">South Carolina</Option>
    								<Option value="SD">South Dakota</Option>
    								<Option value="TN">Tennessee</Option>
    								<Option value="TX">Texas</Option>
    								<Option value="UT">Utah</Option>
    								<Option value="VT">Vermont</Option>
    								<Option value="VA">Virginia</Option>
    								<Option value="WA">Washington</Option>
    								<Option value="WV">West Virginia</Option>
    								<Option value="WI">Wisconsin</Option>
    								<Option value="WY">Wyoming</Option>
    							  </Select>
    							  <br>
    						<b>Property:</b>
    							<select name="propertyDesc">
    								<Option value="0">Single family residence</Option>
    								<Option value="1">Multi-family residence (e.g. duplex, triplex, etc.)</Option>
    								<Option value="2">Condominium</Option>
    								<Option value="5">Mobile home</Option>
    								<Option value="6">Manufactured home</Option>
    							  </Select>
    <br>						
                                 <b>Credit Type:</b>
    							<select name ="credit_rating">
                    						<option value="0">Excellent</option>
                    						<option selected value="1">Good</option>
                   							<option value="2">Fair</option>
                  							<option value="3">Poor</option>
    							  </Select>	
    							  </td>
    							  </tr>
    							  </table>
    							  </font>
    					</div>
    					
    					<div class="buttons">
    
    						<input type="image" src="/images/buttons/go.gif" style="width: 50px; height: 25px;" alt="Go" />
    					</div>
    					</form>
    </div>
    </div>
    
    
    </body> 
    </html>
    Any advice, offered suggestions/corrections to have it display as in the first image would be highly appreciated!

    Cheers!

    Edwin

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    if you are going to use tables you might as well use them to display them in a line by using it like so

    Code:
    <tr>
    <td>
    radio
    </td>
    <td>
    text
    </td>
    <td>
    <b>text</b>
    </td>
    <td>
    dropdown/select
    </td>
    </tr>
    might be easier if you are going to use tables.

  • #3
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay thanks for the tip.


  •  

    Posting Permissions

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