Web form fail

Web form fail

HI,

Please can you tell me what is wrong with this webform?  I copied the code exactly as the instructions say.  There is a huge gap between my header and the form.  


This is the webpage....

http://3dsl.com.au/3d-print-service-manual-form/


This is the Zoho generated code for the form I made...

<!-- Note :
   - You can modify the font style and form style to suit your website. 
   - Code lines with comments “Do not remove this code”  are required for the form to work properly, make sure that you do not remove these lines of code. 
   - The Mandatory check script can modified as to suit your business needs. 
   - It is important that you test the modified form before going live.
   - Do not remove captcha and other form elements that are necessary for the form to work.  -->
<div id='crmWebToEntityForm' style='width:600px;margin:auto;'>
   <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
   <form action=' https://crm.zoho.com/crm/WebToLeadForm' name=WebToLeads1824814000000275228 method='POST' enctype='multipart/form-data' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory()' accept-charset='UTF-8'>

<!-- Do not remove this code. -->
<input type='text' style='display:none;' name='xnQsjsdp' value='b71401e5ee637f6c17663285d26574220c574356888ea8dd8864ede9202aaf2a'/>
<input type='hidden' name='zc_gad' id='zc_gad' value=''/>
<input type='text' style='display:none;' name='xmIwtLD' value='dcd4c402173dcdb60ae1dff268a01872bf6961f7b1496f3796fb521169c2faad'/>
<input type='text' style='display:none;'  name='actionType' value='TGVhZHM='/>

<input type='text' style='display:none;' name='returnURL' value='http&#x3a;&#x2f;&#x2f;3dsl.com.au&#x2f;3d-print-service-manual-form&#x2f;' /> 
<!-- Do not remove this code. -->
<input type='text' style='display:none;' id='ldeskuid' name='ldeskuid'></input>
<input type='text' style='display:none;' id='LDTuvid' name='LDTuvid'></input>
<!-- Do not remove this code. -->
<style>
tr , td { 
padding:6px;
border-spacing:0px;
border-width:0px;
}
</style>
<table style='width:600px;background-color:white;color:black'>

<tr><td colspan='2' style='text-align:left;color:black;font-family:Arial;font-size:14px;'><strong>3D Print Service</strong></td></tr>

<tr><td  style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>First Name<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='40' name='First Name' /></td></tr>

<tr><td  style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Last Name<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='80' name='Last Name' /></td></tr>

<tr><td  style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Company<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='100' name='Company' /></td></tr>

<tr><td  style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Email<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='100' name='Email' /></td></tr>

<tr><td  style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Phone<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='30' name='Phone' /></td></tr>

<tr style='display:none;' ><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:50%'>Lead Status</td><td style='width:250px;'>
<select style='width:250px;' name='Lead Status'>
<option value='-None-'>-None-</option>
<option value='UNKNOWN'>UNKNOWN</option>
<option value='1.&#x20;Awareness'>1. Awareness</option>
<option value='2.&#x20;Consideration&#x20;Lead'>2. Consideration Lead</option>
<option value='3.&#x20;Consideration&#x20;MQL'>3. Consideration MQL</option>
<option value='4.&#x20;Pipeline&#x20;SQL&#x20;&#x28;TF&#x29;'>4. Pipeline SQL (TF)</option>
<option value='3DSL&#x20;ACCOUNT'>3DSL ACCOUNT</option>
<option value='ACTIVE&#x20;w.&#x20;VAR'>ACTIVE w. VAR</option>
<option value='OFF&#x20;SUBS&#x20;&#x3a;&#x29;'>OFF SUBS :)</option>
<option value='EXISTING&#x20;CADSYS'>EXISTING CADSYS</option>
<option value='DISQUALIFIED&#x20;xM&#x20;xN'>DISQUALIFIED xM xN</option>
<option value='LOST&#x20;-&#x20;to&#x20;VAR'>LOST - to VAR</option>
<option value='LOST&#x20;-&#x20;to&#x20;CADSYS'>LOST - to CADSYS</option>
<option value='BAD&#x20;DATA'>BAD DATA</option>
<option value='OPTED&#x20;OUT'>OPTED OUT</option>
</select></td></tr>

<tr style='display:none;' ><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:50%'>Lead Source</td><td style='width:250px;'>
<select style='width:250px;' name='Lead Source'>
<option value='-None-'>-None-</option>
<option value='BigRep'>BigRep</option>
<option value='Cold&#x20;Search'>Cold Search</option>
<option value='Employee&#x20;Referral'>Employee Referral</option>
<option value='Event&#x2f;Seminar'>Event/Seminar</option>
<option value='Ex&#x20;-&#x20;AIM'>Ex - AIM</option>
<option value='Ex&#x20;-&#x20;AITP'>Ex - AITP</option>
<option value='Ex&#x20;-&#x20;Edge&#x20;2014'>Ex - Edge 2014</option>
<option value='Ex&#x20;-&#x20;Edge&#x20;2015'>Ex - Edge 2015</option>
<option value='Ex&#x20;-&#x20;EduTech&#x20;2014'>Ex - EduTech 2014</option>
<option value='Ex&#x20;-&#x20;EduTech&#x20;2015'>Ex - EduTech 2015</option>
<option value='Ex&#x20;-&#x20;NMW&#x20;2014'>Ex - NMW 2014</option>
<option value='Ex&#x20;-&#x20;NMW&#x20;2015'>Ex - NMW 2015</option>
<option value='Ex&#x20;-&#x20;Objective&#x20;3D'>Ex - Objective 3D</option>
<option value='Ex&#x20;-&#x20;Quedrex'>Ex - Quedrex</option>
<option value='Ex&#x20;-&#x20;Redlands'>Ex - Redlands</option>
<option value='Ex&#x20;-&#x20;The&#x20;Edge&#x20;2014'>Ex - The Edge 2014</option>
<option value='Ex-&#x20;QATA'>Ex- QATA</option>
<option value='Existing&#x20;Network'>Existing Network</option>
<option value='External&#x20;Referral'>External Referral</option>
<option value='Search&#x20;-&#x20;Google'>Search - Google</option>
<option value='Meetup&#x20;-&#x20;3D&#x20;Printing'>Meetup - 3D Printing</option>
<option value='Meetup&#x20;-&#x20;RCL'>Meetup - RCL</option>
<option value='Meetup&#x20;-&#x20;Saborna'>Meetup - Saborna</option>
<option value='Referral&#x20;-&#x20;3D&#x20;Hubs'>Referral - 3D Hubs</option>
<option value='Referral&#x20;-&#x20;3DPS'>Referral - 3DPS</option>
<option value='Referral&#x20;-&#x20;Aaron&#x20;Lindstrom'>Referral - Aaron Lindstrom</option>
<option value='Referral&#x20;-&#x20;Andrew&#x20;Burgess'>Referral - Andrew Burgess</option>
<option value='Referral&#x20;-&#x20;Cadspace'>Referral - Cadspace</option>
<option value='Referral&#x20;-&#x20;Chris&#x20;Little'>Referral - Chris Little</option>
<option value='Referral&#x20;-&#x20;Craig&#x20;Hanson'>Referral - Craig Hanson</option>
<option value='Referral&#x20;-&#x20;Elaine'>Referral - Elaine</option>
<option value='Referral&#x20;-&#x20;Elizabeth'>Referral - Elizabeth</option>
<option value='Referral&#x20;-&#x20;EM&#x20;Solutions'>Referral - EM Solutions</option>
<option value='Referral&#x20;-&#x20;Iain'>Referral - Iain</option>
<option value='Referral&#x20;-&#x20;Jason&#x20;Hampton-Taylor'>Referral - Jason Hampton-Taylor</option>
<option value='Referral&#x20;-&#x20;Jay'>Referral - Jay</option>
<option value='Referral&#x20;-&#x20;Josh'>Referral - Josh</option>
<option value='Referral&#x20;-&#x20;Makers&#x20;Empire'>Referral - Makers Empire</option>
<option value='Referral&#x20;-&#x20;Maria&#x20;Fordham'>Referral - Maria Fordham</option>
<option value='Referral&#x20;-&#x20;Peter&#x20;Kordiak'>Referral - Peter Kordiak</option>
<option value='Referral&#x20;-&#x20;Peter&#x20;Slattery'>Referral - Peter Slattery</option>
<option value='Referral&#x20;-&#x20;Richard&#x20;Hirst'>Referral - Richard Hirst</option>
<option value='Referral&#x20;-&#x20;Steve&#x20;Manners'>Referral - Steve Manners</option>
<option value='Referral&#x20;-&#x20;Victor'>Referral - Victor</option>
<option value='SWX&#x20;VRC'>SWX VRC</option>
<option value='Unknown'>Unknown</option>
<option value='www'>www</option>
</select></td></tr>

<tr style='display:none;' ><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:50%'>Division</td><td style='width:250px;'>
<select style='width:250px;' name='LEADCF21'>
<option value='-None-'>-None-</option>
<option selected value='3DP'>3DP</option>
<option value='AM&#x20;Ind.'>AM Ind.</option>
<option value='Design'>Design</option>
<option value='Solidworks'>Solidworks</option>
<option value='N&#x2f;A'>N/A</option>
</select></td></tr>

<tr style='display:none;' ><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:50%'>3D Print Service </td><td style='width:250px;' ><input type='checkbox'  name='LEADCF109' checked='true'/> </td></tr>

<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Upload a File</td>
   <td style='padding-top: 10px;'><input type='file' name='theFile' id='theFile' multiple/><p style='color:black;font-size:11px;padding-left:3px;'>Max File(s) size limit is 20 MB</p></td>
   <td></td>
</tr>

<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Enter the Captcha</td>
   <td><input type='text' style='width:250px;' maxlength='80' name='enterdigest' /></td>
</tr>

<tr><td></td>
<!-- Do not remove this code. -->
   <a href='javascript:;' onclick='reloadImg()'>Reload</a></td>
</tr>

<tr><td colspan='2' style='text-align:center; padding-top:15px;'>
<input style='font-size:12px;color:#131307' type='submit' value='Submit' />
<input type='reset' style='font-size:12px;color:#131307' value='Reset' />
   </td>
</tr>
   </table>
<script>
   var mndFileds=new Array('Company','First Name','Last Name','Email','Phone');
   var fldLangVal=new Array('Company','First Name','Last Name','Email','Phone');
var name='';
var email='';

  /* Do not remove this code. */
   function reloadImg() {
if(document.getElementById('imgid').src.indexOf('&d') !== -1 ) {
     document.getElementById('imgid').src=document.getElementById('imgid').src.substring(0,document.getElementById('imgid').src.indexOf('&d'))+'&d'+new Date().getTime();
}  else {
     document.getElementById('imgid').src = document.getElementById('imgid').src+'&d'+new Date().getTime();
  }

   function checkMandatory() {
for(i=0;i<mndFileds.length;i++) {
 var fieldObj=document.forms['WebToLeads1824814000000275228'][mndFileds[i]];
 if(fieldObj) {
if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
if(fieldObj.type =='file')
alert('Please select a file to upload'); 
fieldObj.focus(); 
return false;
alert(fldLangVal[i] +' cannot be empty'); 
         fieldObj.focus();
         return false;
}  else if(fieldObj.nodeName=='SELECT') {
      if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
alert(fldLangVal[i] +' cannot be none'); 
fieldObj.focus();
return false;
  }
} else if(fieldObj.type =='checkbox'){
  if(fieldObj.checked == false){
alert('Please accept  '+fldLangVal[i]);
fieldObj.focus();
return false;
  } 
try {
    if(fieldObj.name == 'Last Name') {
name = fieldObj.value;
     }
} catch (e) {}
   }
}
return validateFileUpload();

trackVisitor();
}function validateFileUpload(){
var uploadedFiles = document.getElementById('theFile'); 
var totalFileSize =0; 
if(uploadedFiles.files.length >3){ 
alert('You can upload a maximum of 3 files at a time.'); 
return false; 
if ('files' in uploadedFiles) { 
if (uploadedFiles.files.length != 0) { 
for (var i = 0; i < uploadedFiles.files.length; i++) { 
var file = uploadedFiles.files[i]; 
if ('size' in file) { 
totalFileSize = totalFileSize + file.size; 
if(totalFileSize > 20971520){ 
alert('Total File(s) size should not exceed 20 MB.'); 
return false; 
}
</script><script type='text/javascript' id='VisitorTracking'>var $zoho= $zoho || {salesiq:{values:{},ready:function(){$zoho.salesiq.floatbutton.visible('hide');}}};var d=document;s=d.createElement('script');s.type='text/javascript';s.defer=true;s.src=' https://salesiq.zoho.com/3dspacelabs/float.ls?embedname=3dspacelabs';t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);function trackVisitor(){try{if($zoho){var LDTuvidObj = document.forms['WebToLeads1824814000000275228']['LDTuvid'];if(LDTuvidObj){LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid();}var firstnameObj = document.forms['WebToLeads1824814000000275228']['First Name'];if(firstnameObj){name = firstnameObj.value +' '+name;}$zoho.salesiq.visitor.name(name);var emailObj = document.forms['WebToLeads1824814000000275228']['Email'];if(emailObj){email = emailObj.value;$zoho.salesiq.visitor.email(email);}}} catch(e){}}</script>
</form>
  <!-- Do not remove this code. -->
     <iframe name='captchaFrame' style='display:none;'></iframe>
</div>



Thanks, Iain