Html forms in eclipse

Question

syeda amna 0 Light Poster

13 Years Ago

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.

html-css java

This attachment is potentially unsafe to open. It may be an executable that is capable of making changes to your file system, or it may require specific software to open. Use caution and only open this attachment if you are comfortable working with x-ms-bmp files.

dd.bmp (917.22 KB)

Edited 13 Years Ago by syeda amna because: n/a

2 Contributors
3 Replies
203 Views
23 Hours Discussion Span
Latest Post 13 Years Ago Latest Post by syeda amna

javaAddict 900 Nearly a Senior Poster

13 Years Ago

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 13 Years Ago by javaAddict because: n/a

Reply to this topic

Be a part of the DaniWeb community

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

syeda amna 0 Light Poster · Answer 1 · 2011-06-24T15:11:24+00:00

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>

syeda amna 0 Light Poster · Answer 2 · 2011-06-24T15:20:08+00:00

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