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.

Edited 5 Years Ago by syeda amna: n/a

Attachments

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>

Edited 5 Years Ago by javaAddict: n/a

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>
This question has already been answered. Start a new discussion instead.