Jump to content

Possible to move submit button on form to bottom?

Recommended Posts

I have been searching for days and just cant figure this out. Hope someone can help. I am fairly new to html and have been working on an application form. I finally have the form working, However - the submit button is towards to top and any attempt to move it renders the button non functioning.


I know my code is messy - I'll clean that up once I know what I need to do can even be done. Thanks to anyone who can help!


Here is my HTML"

​<head><meta content="en-us" http-equiv="Content-Language" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>CALIFORNIA SCHOOL OF LAW APPLICA</title><style type="text/css">.auto-style1 {	color: #000080;}.auto-style3 {	text-align: center;}.auto-style4 {	font-size: large;	font-family: Arial, Helvetica, sans-serif;	text-align: left;}.auto-style5 {	font-size: small;}.auto-style6 {	font-family: Arial, Helvetica, sans-serif;	font-size: large;}.auto-style7 {	font-size: xx-small;}.auto-style8 {	font-size: large;}.auto-style9 {	font-size: small;	font-family: Arial, Helvetica, sans-serif;}.auto-style10 {	color: #000000;}</style></head><form method="post" action="contact.php"><body>  <p><img alt="California School Of Law Logo" height="116" src="LogoFinal%20no%20text.jpg" width="162" /></p><div id="layer1" class="auto-style3" style="position: absolute; width: 347px; height: 52px; z-index: 1; left: 368px; top: 53px">	<span class="auto-style6">CALIFORNIA SCHOOL OF LAW</span><br class="auto-style6" />	<span class="auto-style6">APPLICATION</span></div><hr class="auto-style1" style="height: 4px" /><div id="layer2" class="auto-style4" style="position: absolute; width: 397px; height: 380px; z-index: 2; left: 76px; top: 170px">	<strong>Personal Information<br />	<br />	</strong><span class="auto-style5">Last Name:	<input name="Text1" type="text" /><br />	<br />	First Name:  <input name="Text2" type="text" /> M.I:	<input name="Text3" style="width: 15px" type="text" /><br />	<br />	Name on acedemic records (if different from above) <br />	<input name="Text4" style="width: 227px" type="text" /><br />	<br />	Social Security Number:  	<input name="SS" size="9" style="width: 141px" type="text" />                      	<br />	<br />	DL State:<select name="Select1">	<option></option>	<option value="CA">CA</option>	<option>NV</option>	<option>TX</option>	</select> DL Number: <input name="Text5" type="text" /><br />	<br />	Gender:   <select name="Select2">	<option></option>	<option>Male</option>	<option>Female</option>	</select>               	Date of birth:  <input name="Text6" style="width: 92px" type="text" /><br />	<br />	Ethnic/Racial Background:  <select name="Select3">	<option></option>	<option>Caucasian</option>	<option>Hispanic</option>	<option>Asian</option>	<option>African American</option>	<option>Other</option>	</select><br />	<br />	Birth place:    <input name="Text7" type="text" /><br />	</span></div><p> </p><p> </p><div id="layer9" class="auto-style9" style="position: absolute; width: 518px; height: 230px; z-index: 9; left: 537px; top: 1022px">	D. Have you ever been court marshaled?  <select name="Select14">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	E. Have you ever been dishonorably disharged<br />	from Miltary service?  <select name="Select15">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	F. Do you know of any matter which might otherwise adversly affect your 	admissions to law school or the state bar?  <select name="Select16">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	 		</div><div id="layer8" class="auto-style8" style="position: absolute; width: 520px; height: 307px; z-index: 8; left: 11px; top: 949px">	<strong>Miscellaneous<br />	<br />	</strong><span class="auto-style9">Please answer the following questions, if 	you answer YES to any question please explain<br />	<br />	A. Have you ever been on probation, suspended, dismissed or formally 	reprimanded by any educational institution?  <select name="Select11">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	B.  Have you ever been convicted, pleaded guilty or no contest to any 	crime other than a minor traffic violation or juvenile offense?	<select name="Select12">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	C. Are there any criminal charges currently pending or expected against you?	<select name="Select13">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	Explanation: <br /> </span></div><div id="layer7" style="position: absolute; width: 1162px; height: 24px; z-index: 7; left: 9px; top: 922px">	<strong><span class="auto-style5">	<hr class="auto-style1" style="height: 4px" /></span></strong></div><div id="layer6" style="position: absolute; width: 415px; height: 205px; z-index: 6; left: 462px; top: 644px">	Email Address: <input name="Text18" style="width: 229px" type="text" /><br />	<br />	In case of emergency:<br />	<br />	Name: <input name="Text19" type="text" /><br />	<br />	Relationship: <input name="Text20" type="text" /><br />	<br />	Phone:  <input name="Text21" type="text" /></div><div id="layer5" class="auto-style6" style="position: absolute; width: 431px; height: 278px; z-index: 5; left: 10px; top: 643px">	<strong>Contact Information<br />	<br />	</strong><span class="auto-style5">Street Address:</span><strong>	<input name="Text12" type="text" /><br />	<br />	</strong><span class="auto-style5">City:<strong> 	<input name="Text13" type="text" /><br />	<br />	</strong>State:<strong>   <select name="Select10">	<option></option>	<option>CA</option>	<option>CO</option>	<option>TX</option>	<option>NV</option>	<option>WA</option>	</select>      </strong>ZIP:<strong> 	<input name="Text14" type="text" /><br />	<br />	</strong>Home Ph:<strong> <input name="Text15" type="text" /><br />	<br />	</strong>Work Ph<strong>: <input name="Text16" type="text" /><br />	<br />	</strong>Cell Ph:<strong> <input name="Text17" type="text" /><br />	</strong></span></div><div id="layer4" style="position: absolute; width: 1174px; height: 31px; z-index: 4; left: 5px; top: 610px">	<strong><span class="auto-style5">	<hr class="auto-style10" style="height: 4px" /></span></strong></div><div id="layer3" class="auto-style6" style="position: absolute; width: 446px; height: 422px; z-index: 3; left: 671px; top: 165px">	<strong>Status - Term Start 14WIN<br />	<br />	</strong><span class="auto-style5">Application Status:<strong>	<select name="Select4">	<option></option>	<option>New Student</option>	<option>Returning Student</option>	</select><br />	<br />	</strong>Prior Application Submitted?:<strong> <select name="Select5">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	</strong>LSAC Registration No.: <strong> 	<input name="Text8" type="text" /></strong></span><br />	<br />	<span class="auto-style5">Have you taken the LSAT?: 	<select name="Select6">	<option></option>	<option>NO</option>	<option>YES</option>	</select>   Score:	<input name="Text9" style="width: 71px" type="text" /><br />	<br />	Are your transcripts on file with LSAC? : <select name="Select7">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	</span><em><span class="auto-style7"><strong>Note: You do not have to be a 	U.S. Citizen to attend law school or practice law in California<br />	<br />	</strong></span></em><span class="auto-style5">Are you a United States 	Citizen? :<strong> <em><span class="auto-style7">	<select name="Select8" style="width: 24px">	<option>YES</option>	<option>NO</option>	</select></span></em><br />	<br />	</strong>If NO, are you a permanent resident? :<strong>	<select name="Select9">	<option></option>	<option>YES</option>	<option>NO</option>	</select><br />	<br />	</strong>VISA Type:<strong>	<input name="Text10" style="width: 166px" type="text" /><br />	<br />	</strong>Alien Number:<strong>  </strong></span>	<input name="Text11" style="width: 178px" type="text" /></div><p> </p><tr><td>  <input type=submit name="send" value="Submit" input align="bottom" style="margin-left:550px"> </td></tr> </form></body></html>


Share this post

Link to post
Share on other sites

So you have used absolute positioning in order to avoid the use of float?


If you are going to use absolute positioning for these other #layer1,2,3,4,5,6,7,8,9 blocks then you might as well create one more and put the submit button in it. Then you can put the submit button wherever you want it.


Get rid of this illegal mess...

<tr><td>  <input type=submit name="send" value="Submit" input align="bottom" style="margin-left:550px"> </td></tr> 

...and replace it with...

<div style="position: absolute; left: 0px; top: 1300px; width:100%;text-align:center;"><hr class="auto-style1" style="height: 4px" /><input type="submit" name="send" value="Submit"/><hr class="auto-style1" style="height: 4px" /></div>
Edited by davej

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...