Does email template work with Outlook?

cb1 26 Aug, 2008
I am having a bear of a time here.

I created a form to use in the email template. My client is using Outlook. [I wrote to find out what version and am waiting to get that.]

When they get the email with the form results - it looks fine visually.

When they try to print it out - it's a mess: missing sections, sections shoved to the right, off the page margin etc.

I built the code in dreamweaver and it validates on my test page - so I know the css is decent - probably not optimal. I then took everything in the container DIV and put it into the Chronoforms email template.

I'm at a total loss as to what to do - or tell the client at this point.

Here is the code for reference - though I don't expect anyone to hash through it. Like I said - it is fine in the email until they try to print it...

Thanks for any help - I really don't know where to turn at the moment...

<div style="width:720px;"><form action="" method="get" >

  
  
    <fieldset style="width:720px; float:left; background-color:#FFF; border:2px solid #00cccc;"><legend>Personal</legend>
      

      
    <div style="width:520px; float: left;"> 
        
          <div style="float:left; width:160px; padding-bottom:8px;"><label class="blockbreak" for="lastnametext">Last Name</label><br/><span class="answer">{lastnametext}</span>
      </div>
          <div style="float:left; width:160px; padding-bottom:8px;"><label for="firstnametext">First Name</label><br/><span class="answer">{firstnametext}</span>
      </div>
      <div style="float:left; width:160px; padding-bottom:8px;"><label for="middlenametext">Middle Name</label><br/><span class="answer">{middlenametext}</span>
      </div>
      
            <div style="float:left; width:165px;  padding-bottom:8px;"><label for="presentaddresstext" class="first">Present Address</label><br/><span class="answer">{presentaddresstext}</span>
            </div>
       <div style="float:left; width:130px;  padding-bottom:8px;"><label class="blockbreak" for="presentcitytext">City</label><br/><span class="answer">{presentcitytext}</span></div>
        
 <div style="float:left; width:140px;  padding-bottom:8px;"> <label for="presentstatepulldown">State</label><br/><span class="answer">{presentstatepulldown}</span></div>
      
<div style="float:left; width:75px;  padding-bottom:8px;"><label class="blockbreak" for="presentzipcodetext">Zip Code</label><br/><span class="answer">{presentzipcodetext}</span></div>
        
          <div style="float:left; width:165px;  padding-bottom:8px;"> <label for="permanentaddresstext"  class="first">Permanent Address</label><br/><span class="answer">{permanentaddresstext}</span>
      </div>
          <div style="float:left; width:130px;  padding-bottom:8px;"><label for="permanentcitytext">City</label><br/><span class="answer">{permanentcitytext}</span>
      </div>
      <div style="float:left; width:140px;  padding-bottom:8px;"> <label for="permanentstatepulldown">State</label>
      <br/><span class="answer">{permanentstatepulldown}</span></div>
          <div style="float:left; width:75px;  padding-bottom:8px;"><label class="blockbreak" for="permanentzipcodetext">Zip Code </label><span class="answer">{permanentzipcodetext}</span>
      </div>
            
              <div style="width:500px; float:left; padding-top:6px;">
   
            Any Previous Name(s)?
              
            <label for="previousnamesradioyes" style="width:5em;"> <span class="answer">{previousnamesradio}</span></label>
              
         
             <label for="othernamestextarea" style="display:block;  padding-bottom:12px;">If Yes, Identify all other names including maiden name in space below:
                <br/><span class="answer">{othernames}</span></label>
           
         
          
             <div style="width:240px; float:left;">
               <label for="positionappliedfortext" style="display:block;">Position applied for:</label><span class="answer">{positionappliedfortext}</span>
             </div>
          
           <div style="width:240px; float:left;">
               <label for="salarydesiredtext" style="display:block;">Salary desired:</label><span class="answer">{salarydesiredtext}</span>
             </div>
          
             <div style="width:500px; float:left;  padding-top:10px;  padding-bottom:8px;">
             <label for="howlearnaboutpositiontextarea" style="display:block; padding-bottom:6px;">How did you learn about this position?
             <br />
             (Newspaper, Internet, Friend, If Other - Please List)</label>
             <span class="answer">{howlearnaboutpositiontextarea}</span>
           </div>
      </div>
           
           
               <div style="width:500px; float:left; padding-bottom:8px; ">
              Relatives or Friends employed at this facility?<label><span class="answer">{relativefriendsemployed}</span>
                    
                    
                <label for="relativefriendsemployednametext" style="display:block; width:160px; float:left;  padding-top:6px;">Relative/Friend Name:
                <br/><span class="answer">{relativefriendsemployednametext}</span>
                </label>
                <label for="relativefriendsemployeddepttext" style="display:block; width:160px; float:left; padding-top:6px;">Dept:
                <br/><span class="answer">{relativefriendsemployeddepttext}</span>
                </label>
               <label for="relativefriendsemployedrelationshiptext" style="display:block; width:160px; float:left; padding-top:6px;">Relationship:
                 <br/><span class="answer">{relfriemployrelationtext}</span>
               </label>
      </div>
          
           <div style="width:500px; float:left; padding:8px 0;">Have you ever been employed by this facility?
             
               <label for="employedbyfacilityyes"><span class="answer">{employedbyfacility}</span>
               </label>
               
             
               
      </div>
             
                <div style="width:200px; float:left;"> <label for="employedbyfacilitywhen" style="display:block;">When?<span class="answer">{employedbyfacilitywhen}</span></label>
               </div>
                <div style="width:280px; float:left;"> Are you 18 years of age or older?
                <span class="answer">{18yearsradio}</span>
</div>
          
         
      <div style="width:500px; float:left; display:block; padding-top:8px;">Are you a U.S. Citizen or an alien legally authorized to work in the United States?
     <span class="answer">{citizenalienradio}</span>
                 
           
        <label for="longrangegoals" style="display:block; padding-top:8px;">Long Range Occupational Goals?</label><span class="answer">{longrangegoals}</span>
      </div>
      </div>
        <div style="width:190px; float:left; border:1px solid #ccc; padding-top:8px; padding-left:5px;">          Contact
              
            Information<br />
            <br />
        <label for="hometelephonenumbertext">Home Telephone<br/><span class="answer">{hometelephonenumbertext}</span></label>
            
            <label for="contacttelephonenumbertext" style="display:block;">Contact Telephone No.<br/><span class="answer">{contacttelephonenumbertext}</span></label>
            
            <label for="emailoptionaltext" style="display:block;">E-mail Address (optional)<br/><span class="answer">{emailoptionaltext}</span></label>
            
            <label for="besttimetocontacttext" style="display:block;">Best time to contact you:<br/><span class="answer">{besttimetocontacttext}</span></label>
           
            <label for="dateavailableforworktext" style="display:block;">Date available for work:<br/><span class="answer">{dateavailableforworktext}</span></label>
            
<div style="padding-top:8px;">Check all you would consider working:<br /><label for="fulltimeregularcheckbox" class="radio"></label><span class="answer">{considerworkingcheckbox}</span></div>
                
</div>
      
<div style="width:190px; float:left; padding-top:8px; margin-top:12px; border:1px solid #ccc; padding-left:5px;">Would you consider working:
         
<div style="padding-top:8px;"><span style="display:block; width:100px; float:left;">Weekends and Holidays:</span><span class="answer">{considershifts1}</span></div>
           
<div style="padding-top:10px; clear:left;"><span style="display:block; width:100px; float:left;">Rotating Shifts:</span><span class="answer">{considershifts2}</span></div>

<div style="padding-top:10px;"> <span style="display:block; width:100px; float:left;">On Call:</span><span class="answer">{considershifts3}</span></div>
           
<div style="padding-top:10px;"> <span style="display:block; width:100px; float:left;">Any Shift:</span><span class="answer">{considershifts4}</span></div>
          
    
<p>Shift Availability<br />(check all that apply):<br /><span class="answer">{shiftavailablecheckbox}</span></p>

</div></fieldset>


  <fieldset style="width:720px; float:left; background-color:#FFF; border:2px solid #00cccc;">
  <legend>Additional Information </legend><div style="width:720px; float:left;">
          Have you ever been convicted of, or plead guilty to, a crime other than <strong>a misdemeanor traffic violation?</strong>
           <br/><span class="answer">{guiltycrime}</span>

           
 <label for="guiltycrimeexplanation" style="display:block; padding-top:5px;">
 <strong>If Yes</strong>, which State(s), and explain: (You are not required to disclose any SEALED or EXPUNGED criminal records.)</label>
 <span class="answer">{guiltycrimeexplanationtextarea}</span>

          
         <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>
         
            <div style="width:700px; clear:left">Have you ever been involved in the substantiated abuse or neglect of children or adults under the laws of this or any other state of the United States?</div>
            <span class="answer">{substantiatedabuseneglect}</span>
       
            <br />
          
            <label for="substantiatedabuseneglectexplain" style="display:block; padding-top:5px;">If Yes, which State(s), and explain:
             <br/><span class="answer">{substantiatedabuseneglectexplaintextarea}</span>
           
            </label>
              <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>
          
         <div style="width:700px; clear:left"> Have you been sanctioned, sited, reported, or excluded from participation in Medicare, Medicaid, or any other healthcare related law or regulation?</div>
          <span class="answer">{healthcareregulation}</span>
      
         <label for="healthcareregulationexplain" style="display:block; padding-top:5px;">If Yes, explain:</label>
          <span class="answer">{healthcareregulationexplaintextarea}</span>
         
         
            
      <p>   <strong>If your answer is "yes" to any of the above, you will not be automatically disqualified from employment consideration, except as required by state or federal law.</strong></p></div></fieldset>
   
   
      <fieldset style="border:2px solid #00cccc; width:720px; float:left; background-color:#FFF;">
      <legend>Education/Skills</legend>
      
      <div style="padding-top:8px;">
        <label for="highschool1nametext" style="display:block; width:250px; float:left;">High School Name<br/><span class="answer">{highschool1nametext}</span>
        </label>
        
        <label for="highschool1addresstext" style="display:block; width:250px; float:left;">High School Address<br/><span class="answer">{highschool1addresstext}</span></label>
        
        <label for="highschool1coursestudytext" style="display:block; width:220px; float:left;">Course of Study<br/><span class="answer">{highschool1coursestudytext}</span></label>
        
        <div style="float:left; width:180px; padding-top:8px;">  
          Check Last Year Completed<br />
          <label for="checklastyearcompletedhs1radio"><span class="answer">{checklastyearcompletedhs1radio}</span></label></div>
        <div style="width:150px; float:left; padding-top:8px;">Did you graduate?<br />
          <label for="yesdidyougraduatehs1radio"><span class="answer">{didyougraduatehs1radio}</span></label>
          
        
      </div>
        <div style="float:left; width:370px; padding-top:8px;"><label for="listdiplomaordegreehs1textarea">List Diploma or Degree:
        <br/><span class="answer">{listdiplomaordegreehs1textarea}</span></label>
      </div>
      </div>
      
      
      
      
      
      <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>
      <div style="padding-top:8px; clear:left;">
        <label for="college1nametext" style="display:block; width:250px; float:left;">College 1<br/><span class="answer">{college1nametextnametext}</span>
 
        </label>
        <label for="college1nametextaddresstext" style="display:block; width:250px; float:left;">College 1 Address<br/><span class="answer">{college1nametextaddresstext}</span>
     
        </label>
        <label for="college1nametextcoursestudytext" style="display:block; width:220px; float:left;">Course of Study<br/><span class="answer">{college1nametextcoursestudytext}</span>
        </label>
        
        <div style="float:left; width:180px; padding-top:8px;">  
          Check Last Year Completed<br />
          <label for="checklastyearcompletedcollege11radio"><span class="answer">{checklastyearcompletedcollege1radio}</span></label>
        </div>
        
        
        <div style="width:150px; float:left; padding-top:8px;">Did you graduate?<br /><span class="answer">{didyougraduatecollege1radio}</span>
 
          
         
      </div>
        <div style="float:left; width:370px; padding-top:8px;"><label for="listdiplomaordegreecollege1textarea">List Diploma or Degree:<br/><span class="answer">{listdiplomaordegreecollege1textarea}</span>
    
        </label>
      </div>
      </div>
      
      
      
      
      
      
      
 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>
    <div style="padding-top:8px; clear:left;">
        <label for="college2nametext" style="display:block; width:250px; float:left;">College 2
        <br/><span class="answer">{college2nametext}</span>
        </label>
        <label for="college2addresstext" style="display:block; width:250px; float:left;">College 2 Address
        <br/><span class="answer">{college2addresstext}</span></label>
        <label for="college2coursestudytext" style="display:block; width:220px; float:left;">Course of Study
        <br/><span class="answer">{college2coursestudytext}</span></label>
        
      <div style="float:left; width:180px; padding-top:8px;">Check Last Year Completed<br /><span class="answer">{checklastyearcompletedcollege2radio}</span><label for="checklastyearcompletedhshs24radio"></label></div>
        <div style="width:150px; float:left; padding-top:8px;">Did you graduate?<br /><span class="answer">{didyougraduatecollege2radio}</span>
         
          
          
      </div>
        <div style="float:left; width:370px; padding-top:8px;"><label for="listdiplomaordegreecollege2textarea">List Diploma or Degree:
        <br/><span class="answer">{listdiplomaordegreecollege2textarea}</span>
       
      
        </label>
      </div>
      </div>
    
    
   <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>
       
     
      <label for="educationothercoursetext" style="display:block; padding-bottom:8px; clear:left; padding-top:8px;">OTHER Business College or Special Course:(Include Special Military Training, Post Graduate and Nursing)
       <br/><span class="answer">{educationothercoursetext}</span></label>
        
    
        <label for="educationspecializationtext" style="display:block; width:330px; float:left; padding-top:8px;">Area(s) of Special Interest or Major Interest:
        <br/><span class="answer">{educationspecializationtext}</span></label>
        
    
        <label for="educationcomputersoftwaretext" style="display:block; width:330px; float:left; padding-top:8px;">List Office Skills including computer/software experience:
         <br/><span class="answer">{educationcomputersoftwaretext}</span>
        </label>
        
    
      <label for="educationequipmentoperatedtext" style="display:block; width:330px; float:left; padding-top:8px;">List Health Care. Business, or other Industrial Equipment Operated:<br /><span class="answer">{educationequipmentoperatedtext}</span></label>
            
            
            
            
      <label for="educationwpmtext" style="display:block; width:330px; float:left; padding-top:8px;">Word Processing (Approx WPM)
      <br /><span class="answer">{educationwpmtext}</span></label>
      
      <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div> 
    
<div style=" width:480px;float:left;"><span style="display:block; padding-bottom:10px; padding-top:8px; font-weight:bold;">Professional Licenses & Certifications (if any):<br />
  License #1</span>

      
  <div style="width:180px; float:left;">
  <label for="currentlic1radio" style="display:block; padding-bottom:4px;">
  <span class="answer">{license1radio}</span>
  

  
  <label for="currentregtype1text" style="display:block; padding-bottom:8px;">Type:
  <br />
  <span class="answer">{currentregtype1text}</span></label>
     
<label for="currentreg1numbertext" style="display:block;">No:
<br />
<span class="answer">{currentreg1numbertext}</span></label>

  </div>
    
    <div style="width:180px; float:left; padding-left:20px;">
  <label for="currentlyreg1radio" style="display:block; padding-bottom:4px;">
  <span class="answer">{register1radio}</span></label>
    

  
  <label for="dateofreg1text" style="display:block; width:125px; padding-bottom:8px;">Date:
  <br />
  <span class="answer">{dateofreg1text}</span></label>
      
       
 <label for="stateofregistration1pulldown" style="display:block;">State</label><span class="answer"> {stateofregistration1pulldown}</span>


  </div>

    
    
<div style="clear:both; padding-top:8px;">License or registration <strong>ever</strong> suspended, revoked or on probation?<span class="answer">  {license1suspencheckbox}</span>


  
<label for="licensedsuspen1explaintbox" style="display:block;">If Yes explain:
<br /><span class="answer">{licensedsuspen1explaintextbox}</span></label>

</div>
        
 <div style="width:480px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>
  <div style="width:480px; float:left; padding:9px 0;"><strong>License #2</strong></div>
  <div style="width:180px; float:left;">
  <label for="currentlic2radio" style="display:block; padding-bottom:4px;">
  <span class="answer">{licensed2radio}</span>
 </label>
    
  
  <label for="currentregtype2text" style="display:block; padding-bottom:8px;">Type:
  <br /><span class="answer">{currentregtype2text}</span></label>
     
<label for="currentreg2numbertext" style="display:block;">No:
<br /><span class="answer">{currentreg2numbertext}</span></label>

  </div>
    
    <div style="width:180px; float:left; padding-left:20px;">
  <label for="currentlyreg2checkbox" style="display:block; padding-bottom:4px;"><span class="answer">{register2radio}</span></label>

  
  <label for="dateofreg2text" style="display:block; width:125px; padding-bottom:8px;">Date:
  <br /><span class="answer">{dateofreg2text}</span></label>
      
       
 <label for="stateofregistration2pulldown" style="display:block;">State</label><span class="answer"> {stateofregistration2pulldown}</span>
      


  </div>

    
    
<div style="clear:both; padding-top:8px;">License or registration <strong>ever</strong> suspended, revoked or on probation?<span class="answer"> {license2suspenradio}</span>

<label for="licensedsuspen2explaintextbox" style="display:block;">If Yes explain:
<br /><span class="answer">{licensedsuspen2explaintextbox}</span></label>

</div>
     
</div>

   
        
      <div style=" width:200px; float:left; padding:8px 10px; margin-left:10px; padding-top:8px; border:1px solid #ccc;"><strong>Professional Certifications</strong>: <strong>Certification #1</strong><br />
        
        <label for="currentlycertified1" style="display:block;padding-top:4px; padding-bottom:4px;">
        
       <span class="answer">{certified1radio}</span>
        
     </label>
      
        
      <label for="certification1typecheckbox" style="display:block; padding-bottom:10px;">Type (Certification #1):
      <br /><span class="answer">{certification1typecheckbox}</span></label>
        
      <label for="stateofcertification1pulldown">State</label><span class="answer"> {stateofcertification1pulldown}</span>
        
      
      <label for="dateofcertification1" style="display:block; padding-top:10px;">Date:<span class="answer"> {dateofcertification1}</span></label>
      
     <div style="width:200px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>     
     <div style="width:200px; float:left; padding:9px 0;"><strong>Certification #2</strong></div>
     <label for="currentlycertified2" style="display:block; clear:left; padding-top:2px; padding-bottom:4px;">
    <span class="answer">{certified1radio}</span>
  </label>
      
     
        
      <label for="certification2typecheckbox" style="display:block; padding-bottom:10px;">Type (Certification #2):
      <br /><span class="answer">{certification2typecheckbox}</span></label>
        
      <label for="stateofcertification2pulldown">State</label><span class="answer"> {stateofcertification2pulldown}</span>
      
      <label for="dateofcertification2" style="display:block;  padding-top:10px;">Date:<span class="answer"> {dateofcertification2}</span></label>
      </div>
    
      
<label for="dutiesandskillstextbox" style="display:block; width:720px; clear:both; padding-top:8px;"><strong>Briefly describe duties and skill acquired through military or volunteer service: (include dates)</strong>
<br /><span class="answer">{dutiesandskillstextbox}</span></label>

      </fieldset>
 
  
  
    <fieldset  style="width:720px; float:left; border:2px solid #00cccc; ">
      <legend>Previous Experience</legend>
      <strong style="display:block; padding:4px 0px;">Provide Information regarding previous employment beginning with the most recent employer.</strong>    <br/>
      
      
<label for="employment1jobtitle" style="display:block; width:180px; float:left; padding-top:8px;">Job Title:
<br /><span class="answer">{employment1jobtitle}</span></label>


  <label for="employer1employfromtext" style="display:block; width:100px; float:left; padding-top:8px;">From:(Mo/Yr)
  <br /><span class="answer">{employer1employfromtext}</span></label>

     

  <label for="employer1employtotext" style="display:block; width:100px; float:left; padding-top:8px;">To:(Mo/Yr)
  <br /><span class="answer">{employer1employtotext}</span></label>



  <label for="employer1employsupervisortext" style="display:block; width:170px; float:left; padding-top:8px;">Supervisor's Name:
  <br /><span class="answer">{employer1employsupervisortext}</span></label>

  <label for="employer1employsalarytext" style="display:block; width:150px; float:left; padding-top:8px;">Salary:(Hr/Mo/Yr)
  <br /><span class="answer">{employer1employsalarytext}</span></label>

      
<label for="employment1employernametext"  style="display:block; width:250px; float:left; padding-top:8px;">Employer Name:
<br /><span class="answer">{employment1employernametext}</span></label> 


<label for="employer1addresstext"  style="display:block; width:300px; float:left; padding-top:8px;"> Employer Address/City/State/Zip:
<br /><span class="answer">{employer1addresstext}</span></label>


<label for="employer1phonetext" style="display:block; width:150px; float:left; padding-top:8px;">Employer Phone:
<br /><span class="answer">{employer1phonetext}</span></label>



<label for="employer1Dutiestext" style="display:block; width:700px; float:left; padding-top:8px;">Duties:
<br /><span class="answer">{employer1Dutiestext}</span></label>

<label for="employer1reasonforleavingtext" style="display:block; width:700px; float:left; padding-top:8px;">Reason For Leaving:
<br /><span class="answer">{employer1reasonforleavingtext}</span></label>
      

  <p style="display:block; width:650px; float:left;">May we contact your current employer?<br /><span class="answer">{contactcurrentemployer1radio}</span>
    
  </p>
 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>

      
<label for="employment2jobtitle" style="display:block; width:180px; float:left; padding-top:8px;">Job Title:
<br /><span class="answer">{employment2jobtitle}</span></label>


  <label for="employer2employfromtext" style="display:block; width:100px; float:left; padding-top:8px;">From:(Mo/Yr)
  <br /><span class="answer">{employer2employfromtext}</span></label>

     

  <label for="employer2employtotext" style="display:block; width:100px; float:left; padding-top:8px;">To:(Mo/Yr)
  <br /><span class="answer">{employer2employtotext}</span></label>



  <label for="employer2employsupervisortext" style="display:block; width:170px; float:left; padding-top:8px;">Supervisor's Name:
  <br /><span class="answer">{employer2employsupervisortext}</span></label>

  <label for="employer2employsalarytext" style="display:block; width:150px; float:left; padding-top:8px;">Salary:(Hr/Mo/Yr)
  <br /><span class="answer">{employer2employsalarytext}</span></label>

      
<label for="employment2employernametext"  style="display:block; width:250px; float:left; padding-top:8px;">Employer Name:
<br /><span class="answer">{employment2employernametext}</span></label> 


<label for="employer2addresstext"  style="display:block; width:300px; float:left; padding-top:8px;"> Employer Address/City/State/Zip:
<br /><span class="answer">{employer2addresstext}</span></label>


<label for="employer2phonetext" style="display:block; width:150px; float:left; padding-top:8px;">Employer Phone:
<br /><span class="answer">{employer2phonetext}</span></label>



<label for="employer2Dutiestext" style="display:block; width:700px; float:left; padding-top:8px;">Duties:
<br /><span class="answer">{employer2Dutiestext}</span></label>

<label for="employer2reasonforleavingtext" style="display:block; width:700px; float:left; padding-top:8px;">Reason For Leaving:
<br /><span class="answer">{employer2reasonforleavingtext}</span></label>
      


 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>

      
<label for="employment3jobtitle" style="display:block; width:180px; float:left; padding-top:8px;">Job Title:
<br /><span class="answer">{employment3jobtitle}</span></label>


  <label for="employer3employfromtext" style="display:block; width:100px; float:left; padding-top:8px;">From:(Mo/Yr)
  <br /><span class="answer">{employer3employfromtext}</span></label>

     

  <label for="employer3employtotext" style="display:block; width:100px; float:left; padding-top:8px;">To:(Mo/Yr)
  <br /><span class="answer">{employer3employtotext}</span></label>



  <label for="employer3employsupervisortext" style="display:block; width:170px; float:left; padding-top:8px;">Supervisor's Name:
  <br /><span class="answer">{employer3employsupervisortext}</span></label>

  <label for="employer3employsalarytext" style="display:block; width:150px; float:left; padding-top:8px;">Salary:(Hr/Mo/Yr)
  <br /><span class="answer">{employer3employsalarytext}</span></label>

      
<label for="employment3employernametext"  style="display:block; width:250px; float:left; padding-top:8px;">Employer Name:
<br /><span class="answer">{employment3employernametext}</span></label> 


<label for="employer3addresstext"  style="display:block; width:300px; float:left; padding-top:8px;"> Employer Address/City/State/Zip:
<br /><span class="answer">{employer3addresstext}</span></label>


<label for="employer3phonetext" style="display:block; width:150px; float:left; padding-top:8px;">Employer Phone:
<br /><span class="answer">{employer3phonetext}</span></label>



<label for="employer3Dutiestext" style="display:block; width:700px; float:left; padding-top:8px;">Duties:
<br /><span class="answer">{employer3Dutiestext}</span></label>

<label for="employer3reasonforleavingtext" style="display:block; width:700px; float:left; padding-top:8px; ">Reason For Leaving:
<br /><span class="answer">{employer3reasonforleavingtext}</span></label>
      
 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>

      
<label for="employment4jobtitle" style="display:block; width:180px; float:left; padding-top:8px;">Job Title:
<br /><span class="answer">{employment4jobtitle}</span></label>


  <label for="employer4employfromtext" style="display:block; width:100px; float:left; padding-top:8px;">From:(Mo/Yr)
  <br /><span class="answer">{employer4employfromtext}</span></label>

     

  <label for="employer4employtotext" style="display:block; width:100px; float:left; padding-top:8px;">To:(Mo/Yr)
  <br /><span class="answer">{employer4employtotext}</span></label>



  <label for="employer4employsupervisortext" style="display:block; width:170px; float:left; padding-top:8px;">Supervisor's Name:
  <br /><span class="answer">{employer4employsupervisortext}</span></label>

  <label for="employer4employsalarytext" style="display:block; width:150px; float:left; padding-top:8px;">Salary:(Hr/Mo/Yr)
  <br /><span class="answer">{employer4employsalarytext}</span></label>

      
<label for="employment4employernametext"  style="display:block; width:250px; float:left; padding-top:8px;">Employer Name:
<br /><span class="answer">{employment4employernametext}</span></label> 


<label for="employer4addresstext"  style="display:block; width:300px; float:left; padding-top:8px;"> Employer Address/City/State/Zip:
<br /><span class="answer">{employer4addresstext}</span></label>


<label for="employer4phonetext" style="display:block; width:150px; float:left; padding-top:8px;">Employer Phone:
<br /><span class="answer">{employer4phonetext}</span></label>



<label for="employer4Dutiestext" style="display:block; width:700px; float:left; padding-top:8px;">Duties:
<br /><span class="answer">{employer4Dutiestext}</span></label>

<label for="employer4reasonforleavingtext" style="display:block; width:700px; float:left; padding-top:8px;">Reason For Leaving:
<br /><span class="answer">{employer4reasonforleavingtext}</span></label>
      


 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>

<label for="employment4Gapstextarea" style="display:block; width:700px; float:left; padding-top:8px;">Please identify and explain any gaps in employment longer than three (3) months:<br /><span class="answer">{employment4Gapstextarea}</span></label>
      </fieldset>
  
  
 
    <fieldset style="width:720px; float:left; border:2px solid #00cccc; ">
      <legend>Language</legend>
      <span style="display:block; width:660px; float:left; padding:8px 0;">Language Skills - <strong>Do not complete unless requested</strong> - Check ALL that apply.</span>
      
<div style="width:330px; float:left;padding-top:8px;">

<label for="language1text" style="display:inline; width:330px; float:left;">Language #1-
<br />
<span class="answer">{language1text}</span>

        
<span style="display:block; width:330px; float:left; padding:8px 0 0 0;">Do You</span>

<div style="display:block; width:330px; float:left; padding:6px 0;">  
  <div style="width:90px; float:left;">
  <span class="answer">{language1speakcheckbox}</span>
    
  </div>
  
</div>
  <br/>
        
  <div style="display:block; width:330px; float:left; padding:6px 0;"> 
  
  <div style="width:90px; float:left;"> <span class="answer">{language1readcheckbox}</span>

  </div>
    
    
  </div>
  <br/>
        
  <div style="display:block; width:330px; float:left; padding:6px 0;"> 
  <div style="width:90px; float:left;">
  <span class="answer">{language1writecheckbox}</span>

  </div>
    
 
  </div>
      </div>
      
      
      <div style="width:330px; float:left;">

<label for="language2text" style="display:inline; width:330px; float:left; padding-top:8px;">Language #2-
<br />
<span class="answer">{language2text}</span>
</label>
        
<span style="display:block; width:330px; float:left; padding:8px 0 0 0;">Do You</span>

<div style="display:block; width:330px; float:left; padding:6px 0;">
<div style="width:90px; float:left;"> 
   <span class="answer">{language2speakcheckbox}</span>
</div>
</div>
  <br/>
        
  <div style="display:block; width:330px; float:left; padding:6px 0;"> 
  <div style="width:90px; float:left;">
     <span class="answer">{language2readcheckbox}</span>
  </div>
 </div>
  <br/>
        
  <div style="display:block; width:330px; float:left; padding:6px 0;"> 
  <div style="width:90px; float:left;">
       <span class="answer">{language2writecheckbox}</span>
  </div>
  </div>
      </div>
      </fieldset>


  

    <fieldset style="width:720px; float:left; border:2px solid #00cccc; ">
      <legend>References</legend><p><strong>List at least three (3) Professional/Work/School References who are not relatives or personal acquaintances:</strong></p>
      
      
<label for="reference1nametextbox" style="display:block; width:175px; float:left;">Name
<br /><span class="answer">{reference1nametextbox}</span></label>

<label for="reference1relationshiptextbox" style="display:block; width:180px; float:left;">Relationship
<br /><span class="answer">{reference1relationshiptextbox}</span></label>

<label for="reference1titletextbox" style="display:block; width:100px; float:left;">Title
<br /><span class="answer">{reference1titletextbox}</span></label>

<label for="reference1telephonetextbox" style="display:block; width:200px; float:left;">Telephone
<br /><span class="answer">{reference1telephonetextbox}</span></label>

<label for="reference1companynameaddresstextarea" style="display:block; width:700px; float:left; padding-top:8px;">Company Name and Address
<br /><span class="answer">{reference1companynameaddresstextarea}</span></label>

 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>

<label for="reference2nametextbox" style="display:block; width:175px; float:left;">Name
<br /><span class="answer">{reference2nametextbox}</span></label>

<label for="reference2relationshiptextbox" style="display:block; width:180px; float:left;">Relationship
<br /><span class="answer">{reference2relationshiptextbox}</span></label>

<label for="reference2titletextbox" style="display:block; width:100px; float:left;">Title
<br /><span class="answer">{reference2titletextbox}</span></label>

<label for="reference2telephonetextbox" style="display:block; width:200px; float:left;">Telephone
<br /><span class="answer">{reference2telephonetextbox}</span></label>

<label for="reference2companynameaddresstextarea" style="display:block; width:700px; float:left; padding-top:8px;">Company Name and Address
<br /><span class="answer">{reference2companynameaddresstextarea}</span>
</label> 

 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>

<label for="reference3nametextbox" style="display:block; width:175px; float:left;">Name
<br /><span class="answer">{reference3nametextbox}</span></label>

<label for="reference3relationshiptextbox" style="display:block; width:180px; float:left;">Relationship
<br /><span class="answer">{reference3relationshiptextbox}</span></label>

<label for="reference3titletextbox" style="display:block; width:100px; float:left;">Title
<br /><span class="answer">{reference3titletextbox}</span></label>

<label for="reference3telephonetextbox" style="display:block; width:200px; float:left;">Telephone
<br /><span class="answer">{reference3telephonetextbox}</span></label>

<label for="reference3companynameaddresstextarea" style="display:block; width:700px; float:left; padding-top:8px;">Company Name and Address
<br /><span class="answer">{reference3companynameaddresstextarea}</span></label> 

 <div style="width:720px; float:left; padding:9px 0;"><hr style="padding:0; margin:0;"/></div>
 
 
<label for="reference4nametextbox" style="display:block; width:175px; float:left;">Name
<br /><span class="answer">{reference4nametextbox}</span></label>

<label for="reference4relationshiptextbox" style="display:block; width:180px; float:left;">Relationship
<br /><span class="answer">{reference4relationshiptextbox}</span></label>

<label for="reference4titletextbox" style="display:block; width:100px; float:left;">Title
<br /><span class="answer">{reference4titletextbox}</span></label>

<label for="reference4telephonetextbox" style="display:block; width:200px; float:left;">Telephone
<br /><span class="answer">{reference4telephonetextbox}</span></label>

<label for="reference4companynameaddresstextarea" style="display:block; width:700px; float:left; padding:8px 0px 12px 0px;">Company Name and Address
<br /><span class="answer">{reference4companynameaddresstextarea}</span>
</label> 


      

      </fieldset> 
    <br/>
    
    <br/>
 
      <fieldset style="width:720px; float:left; border:2px solid #00cccc;  padding-bottom:12px;">
        <legend>Signature</legend> <p>I hereby affirm that the information provided on this application (and accompanying resume, if any) is true and complete. I understand that any false or misleading representations or omissions made on the application or during the hiring process may disqualify me from further consideration for employment and may result in discharge even if discovered at a later date.</p>
        <p>
        I understand that employment may be conditioned upon successfully passing a medical examinitaion and that I may be required to satisfactorily complete a drug screenig as a condition of employment.</p>
        <p>
        I hereby authorize persons, schools, my current employer (if applicable) and previous employers and other organizations to provide this facility and its affiliates with any requested information regarding my application or suitability for employment, and I completely release all such persons or entities from any and all liability related to the providing or use of such information.</p>
        <p>
        I understand that my employment is at-will which means that I may terminate the employment relationship at any time and for any reason with or without notice, and that the facility has the same right. I understand that no one has the authority to enter into any agreement contrary to the preceding sentence, except for a written agreement signed by administrative representative of this facility and notorized. 
        </p>
        
    <div style="width:250px; float:left;">
          <label for="signaturedate">Date</label><br /><span class="answer">{signaturedate}</span>
        </div>
        
       <div style="width:400px; float:left;">
          <label for="signature">Signature</label><br /><span class="answer">{signature}</span>
         
            </div>
      
      </fieldset>
</form>
</div>
GreyHead 26 Aug, 2008
Hi cb1,

Outlook 2007 has a pretty limited HTML interpreter (Outlook 2003 is a little better). You can Google it to find out more - from memory it's best to put any styling in at the tag level - don't assume that Outlook will read any complex styling or make use of an embedded stylesheet. I know that's a complete pain in the whatsname - please send any complaints to Redmond.

Practically - lose all the floats and do the layout with a table (this is for Outlook after all).

Bob
Max_admin 26 Aug, 2008
Hi cb1,

I think that you should include some CSS for print only, add it to the email template and see if it works, I really don't know much about CSS and specially printing css, try to google the issue, sure someone had this info for you!🙂

regards,

Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
Max_admin 26 Aug, 2008
I see Bob has given the answer! forget mine!🙂
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.