hi
i am working on servlet using eclipse IDE .i have attached html form. I am unable to format drop down list. how to do it. how to align the drop down list.please help.

Recommended Answers

By using proper html. You align in the same way you would have aligned them if they weren't select tags.
Do you use table tags? If yes then there is something wrong with your td,tr tags. Try to add the border="1" attribute at the and see what is going on.

Jump to Post

All 3 Replies

By using proper html. You align in the same way you would have aligned them if they weren't select tags.
Do you use table tags? If yes then there is something wrong with your td,tr tags. Try to add the border="1" attribute at the <table> and see what is going on.

<table border="1">
  <tr>
     <td>Line 1 Col 1</td>
     <td>Line 1 Col 2</td>
  </tr>
  <tr>
     <td>Line 2 Col 1</td>
     <td>Line 2 Col 2</td>
  </tr>
</table>

i dont use table tag. o use select tags to align them. i am unable to eliminate unwanted line breaks between drop down lists.
I use this code for my drop down list.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Shifa</title>

<style type="text/css">
.right_aligned {
	height: 10em;
	line-height: 1 em;
}

.right_aligned label {
	display: block;
	float: left;
	clear: left;
	width: 200px;
	padding-right: 2em;
	text-align: right;
}

.right_aligned select, .right_aligned input {
	display: block;
	
}

<label>Date Of Birth: </label>

	
	<select name = "Day">
	<option value="Day" selected>Day</option>
	<option value ="1">1</option>
	<option value ="2">2</option>
	<option value ="3">3</option>
	<option value ="4">4</option>
	<option value ="5">5</option>
	<option value ="6">6</option>
	<option value ="7">7</option>
	<option value ="8">8</option>
	<option value ="9">9</option>
	<option value ="10">10</option>
	<option value ="11">11</option>
	<option value ="12">12</option>
	<option value ="13">13</option>
	<option value ="14">14</option>
	<option value ="15">15</option>
	<option value ="16">16</option>
	<option value ="17">17</option>
	<option value ="18">18</option>
	<option value ="19">19</option>
	<option value ="20">20</option>
	<option value ="21">21</option>
	<option value ="22">22</option>
	<option value ="23">23</option>
	<option value ="24">24</option>
	<option value ="25">25</option>
	<option value ="26">26</option>
	<option value ="27">27</option>
	<option value ="28">28</option>
	<option value ="29">29</option>
	<option value ="30">30</option>
	</select>
	
	
	<div style=" margin-left:290px;">
	<select name="Month">
	<option value="Month" selected>Month</option>
	<option value="Jan">Jan</option>
	<option value="Feb">Feb</option>
	<option value="Mar">Mar</option>
	<option value="apr">Apr</option>
	<option value="May">May</option>
	<option value="Jun">Jun</option>
	<option value="Jul">Jul</option>
	<option value="Aug">Aug</option>
	<option value="Sep">Sep</option>
	<option value="Oct">Oct</option>
	<option value="Nov">Nov</option>
	<option value="Dec">Dec</option>	
	</select>
	</div>
	
	 <div style=" margin-left:360px;">
	<select name="Year">
	<option value="Year" selected>Year</option>
	<option value="1960">1960</option>
	<option value="1961">1961</option>
	<option value="1962">1962</option>
	<option value="1963">1963</option>
	<option value="1964">1964</option>
	<option value="1965">1965</option>
	<option value="1966">1966</option>
	<option value="1967">1967</option>
	<option value="1968">1968</option>
	<option value="1969">1969</option>
	<option value="1970">1970</option>
	<option value="1971">1971</option>
	<option value="1972">1972</option>
	<option value="1973">1973</option>
	<option value="1974">1974</option>
	<option value="1975">1975</option>
	<option value="1976">1976</option>
	<option value="1977">1977</option>
	<option value="1978">1978</option>
	<option value="1979">1979</option>
	<option value="1980">1980</option>
	<option value="1981">1981</option>
	<option value="1982">1982</option>
	<option value="1983">1983</option>
	<option value="1984">1984</option>
	<option value="1985">1985</option>
	<option value="1986">1986</option>
	<option value="1987">1987</option>	
	<option value="1988">1988</option>
	<option value="1989">1989</option>
	<option value="1990">1990</option>
	<option value="1991">1991</option>
	<option value="1992">1992</option>
	<option value="1993">1993</option>
	<option value="1994">1994</option>
	<option value="1995">1995</option>
	<option value="1996">1996</option>
	<option value="1997">1997</option>
	<option value="1998">1998</option>
	<option value="1999">1999</option>
	<option value="2000">2000</option>
	<option value="2001">2001</option>
	<option value="2002">2002</option>
	<option value="2003">2003</option>
	<option value="2004">2004</option>
	<option value="2005">2005</option>
	<option value="2006">2006</option>
	<option value="2007">2007</option>
	<option value="2008">2008</option>
	<option value="2009">2009</option>
	<option value="2010">2010</option>
	
	</select>
	</div>
</form>

</body>
</html>

Thank you very much. It is now aligned by using <table> tags. :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.18 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.