I have validated my code in two different places, but the CSS doesnt seem to stick in my email form.
When I first began making this form it did work, but something happened.
Here is the code, am I missing something?
When I first began making this form it did work, but something happened.
Here is the code, am I missing something?
<style type="text/css">
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px
}
.break {
page-break-before:always;
}
.apptitle {
text-align: center;
font-size: 16px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}
.tables {
height: 25px;
text-align: left;
border: solid 2px #000;
vertical-align: middle;
font-size: 14px;
}
.fieldtype {
text-align: left;
border: solid 2px #000;
vertical-align: top;
font-size: 14px;
}
.tables .tables .txt {
font-size: 6px;
vertical-align: top;
}
.tables .tables {
font-size: 14px;
vertical-align: top;
}
.tables_title {
vertical-align: top;
text-align: justify;
font-size: 11px;
}
.terms {
font-size: 12px;
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0"
topmargin="0" marginwidth="0" marginheight="0">
<p><center>
<p class="apptitle">Title</p>
<p><img src="http://hpdist.com/images/hplogo.jpg" width="200" height="91" /></p>
</center></p>
<p class="apptitle">APPLICATION FOR EMPLOYMENT</p>
<table width="700" align="center">
<tr class="tables_title">
<td width="504"><span class="tables_title">How did you hear about us?</span></td>
<td width="184"><span class="tables_title">Today's Date:</span></td>
</tr>
</table>
<table width="700" height="35" border="0" align="center">
<tr class="tables">
<td width="504" class="tables"> </td>
<td width="186" class="tables">{signature_date}</td>
</tr>
</table>
<br />
<br />
<p class="apptitle">Personal Information</p>
<table width="700" border="0" align="center">
<tr>
<td height="35" class="tables">{first_name} {last_name}</td>
<td height="35" class="tables">DOB</td>
<td colspan="2" class="tables">SSN#</td>
</tr>
<tr>
<td width="290" height="35" class="tables">{email}</td>
<td width="194" class="tables"><b>Home: </b>{home_phone}</td>
<td colspan="2" class="tables"><b>Mobile: </b>{mobile_phone}</td>
</tr>
<tr>
<td width="200" height="35" class="tables">{address}</td>
<td width="194" class="tables">{city}</td>
<td width="103" class="tables">{state}</td>
<td width="95" class="tables">{zip}</td>
</tr>
<tr>
<td height="35" class="tables">{emergency_contact}</td>
<td class="tables">{emergency_number}</td>
<td colspan="2" class="tables">{emergency_relationship}</td>
</tr>
</table>
<br />
<br />
<p class="apptitle">Previous Residency (Past three years)</p>
<table width="700" border="0" align="center">
<tr>
<td width="229" height="35" class="tables">{pre_address1}</td>
<td width="167" class="tables">{pre_city1}</td>
<td width="132" class="tables">{pre_state1}</td>
<td width="76" class="tables">{pre_zip1}</td>
<td width="76" class="tables">{pre_years1}</td>
</tr>
<tr>
<td width="229" height="35" class="tables">{pre_address2}</td>
<td width="167" class="tables">{pre_city2}</td>
<td width="132" class="tables">{pre_state2}</td>
<td width="76" class="tables">{pre_zip2}</td>
<td width="76" class="tables">{pre_years2}</td>
</tr>
<tr>
<td width="229" height="35" class="tables">{pre_address3}</td>
<td width="167" class="tables">{pre_city3}</td>
<td width="132" class="tables">{pre_state3}</td>
<td width="76" class="tables">{pre_zip3}</td>
<td width="76" class="tables">{pre_years3}</td>
</tr>
<tr>
<td width="229" height="35" class="tables">{pre_address4}</td>
<td width="167" class="tables">{pre_city4}</td>
<td width="132" class="tables">{pre_state4}</td>
<td width="76" class="tables">{pre_zip4}</td>
<td width="76" class="tables">{pre_years4}</td>
</tr>
</table>
<br />
<br />
<p class="apptitle">Personal References</p>
<table width="700" border="0" align="center">
<tr>
<td width="200" height="35" class="tables">{ref_name1}</td>
<td width="194" class="tables">{ref_phone1}</td>
<td width="103" class="tables">{ref_relation1}</td>
<td width="95" class="tables">{ref_years1}</td>
</tr>
<tr>
<td width="200" height="35" class="tables">{ref_name2}</td>
<td width="194" class="tables">{ref_phone2}</td>
<td width="103" class="tables">{ref_relation2}</td>
<td width="95" class="tables">{ref_years2}</td>
</tr>
<tr>
<td width="200" height="35" class="tables">{ref_name3}</td>
<td width="194" class="tables">{ref_phone3}</td>
<td width="103" class="tables">{ref_relation3}</td>
<td width="95" class="tables">{ref_years3}</td>
</tr>
</table>
<br />
<br />
<p class="apptitle">Criminal Convictons</p>
<table width="700" height="85" border="0" align="center">
<tr>
<td class="fieldtype"><b>{convictions}</b><br />
{conviction_explain}</td>
</tr>
</table>
<br />
<br />
<p class="apptitle">Driving Equipment Experience</p>
<table width="700" height="65" border="0" align="center">
<tr>
<td class="tables_title"><span class="tables_title">This company requires all drivers who drive Commercial Motor Vehicle (CVM) which require a Commercial Drivers License (CDL), to be controlled substances tested with negative result prior to driving Do you consent to such testing? <b>{drug_test}</b></span></td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td width="207" height="35" class="tables">{exp1_equip}</td>
<td width="163" class="tables">{exp1_type}</td>
<td width="109" class="tables">{exp1_from}</td>
<td width="109" class="tables">{exp1_to}</td>
<td width="90" class="tables">{exp1_miles}</td>
</tr>
<tr>
<td width="207" height="35" class="tables">{exp2_equip}</td>
<td width="163" class="tables">{exp2_type}</td>
<td width="109" class="tables">{exp2_from}</td>
<td width="109" class="tables">{exp2_to}</td>
<td width="90" class="tables">{exp2_miles}</td>
</tr>
<tr>
<td width="207" height="35" class="tables">{exp3_equip}</td>
<td width="163" class="tables">{exp3_type}</td>
<td width="109" class="tables">{exp3_from}</td>
<td width="109" class="tables">{exp3_to}</td>
<td width="90" class="tables">{exp3_miles}</td>
</tr>
</table>
<br />
<br />
<p class="apptitle">Traffic Violations for the Past 3 Years (Other than Parking)</p>
<table width="700" border="0" align="center">
<tr>
<td width="120" height="35" class="tables">{traffic_date1}</td>
<td width="329" class="tables">{traffic_violation1}</td>
<td width="92" class="tables">{traffic_state1}</td>
<td width="141" class="tables">{traffic_type1}</td>
</tr>
<tr>
<td width="120" height="35" class="tables">{traffic_date2}</td>
<td width="329" class="tables">{traffic_violation2}</td>
<td width="92" class="tables">{traffic_state2}</td>
<td width="141" class="tables">{traffic_type2}</td>
</tr>
<tr>
<td width="120" height="35" class="tables">{traffic_date3}</td>
<td width="329" class="tables">{traffic_violation3}</td>
<td width="92" class="tables">{traffic_state3}</td>
<td width="141" class="tables">{traffic_type3}</td>
</tr>
</table>
<br />
<p class="apptitle">Accident Record for the Past 3 Years</p>
<table width="700" border="0" align="center">
<tr>
<td width="207" height="35" class="tables">{acc_date1}</td>
<td width="163" class="tables">{acc_nature1}</td>
<td width="109" class="tables">{acc_fatality1}</td>
<td width="109" class="tables">{acc_towed1}</td>
<td width="90" class="tables">{acc_hazmat1}</td>
</tr>
<tr>
<td width="207" height="35" class="tables">{acc_date1}</td>
<td width="163" class="tables">{acc_nature2}</td>
<td width="109" class="tables">{acc_fatality2}</td>
<td width="109" class="tables">{acc_towed2}</td>
<td width="90" class="tables">{acc_hazmat2}</td>
<tr>
<td width="207" height="35" class="tables">{acc_date3}</td>
<td width="163" class="tables">{acc_nature3}</td>
<td width="109" class="tables">{acc_fatality3}</td>
<td width="109" class="tables">{acc_towed3}</td>
<td width="90" class="tables">{acc_hazmat3}</td>
</table>
<br />
<span class="break"></span>
<p class="apptitle">License Information<br />
</p>
<table width="700" height="65" border="0" align="center">
<tr>
<td class="tables_title"><span class="tables_title">Section 383.21 FMCSR states “No person who operates a commercial motor vehicle shall at any time have more than one driver’s license”. I certify that I do not have more than one motor vehicle license, the information for which is listed below.</b></span></td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td width="153" height="35" class="tables">{lic_state}</td>
<td width="239" class="tables">{lic_number}</td>
<td width="146" class="tables">{lic_type}</td>
<td width="144" class="tables">{lic_expire}</td>
</tr>
</table>
<br />
<p class="apptitle">Other License Information for the Past 3 Years</p>
<table width="700" border="0" align="center">
<tr>
<td width="153" height="35" class="tables">{lic2_state}</td>
<td width="239" class="tables">{lic2_number}</td>
<td width="146" class="tables">{lic2_type}</td>
<td width="144" class="tables">{lic2_expire}</td>
</tr>
<tr>
<td width="153" height="35" class="tables">{lic3_state}</td>
<td width="239" class="tables">{lic3_number}</td>
<td width="146" class="tables">{lic3_type}</td>
<td width="144" class="tables">{lic3_expire}</td>
</tr>
</table>
<br />
<p class="apptitle">Employment History For Prior 10 Years (Most Recent First)</p>
<table width="700" border="0" align="center">
<tr>
<td width="284" height="35" class="tables">{emp1_name}</td>
<td width="184" class="tables">{emp1_phone}</td>
</tr>
<tr>
<td width="284" height="35" class="tables">{emp1_address}</td>
<td width="184" class="tables">{emp1_city}</td>
<td width="120" class="tables">{emp1_state}</td>
<td width="94" class="tables">{emp1_zip}</td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td width="284" height="35" class="tables">{emp1_position}</td>
<td width="161" class="tables">{emp1_start}</td>
<td width="143" class="tables">{emp1_end}</td>
<td width="94" class="tables">{emp1_salary}</td>
</tr>
<tr>
<td height="35" colspan="4" class="tables"><b>Reason for leaving:</b>{emp1_reason}</td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td height="55" class="fieldtype"><b>Explain any gaps in employment:</b>{emp1_position}</td>
</tr>
</table>
<table width="700" height="45" border="0" align="center">
<tr>
<td class="tables_title"><span class="tables_title">Were you subject to the Federal Motor Carrier Safety Regulations while employed by the previous employer? <b>{emp1_regulation}</b></span></td>
</tr>
<tr>
<td class="tables_title"><span class="tables_title">Was the previous job position designated as a safety sensitive function in any DOT regulated mode, subject to alcohol and controlled substance testing requirements as required by 49 CFR Part 40?<b> {emp1_dot}</b></span></td>
</tr>
</table>
<br /><table width="700" border="0" align="center">
<tr>
<td width="284" height="35" class="tables">{emp2_name}</td>
<td width="184" class="tables">{emp2_phone}</td>
</tr>
<tr>
<td width="284" height="35" class="tables">{emp2_address}</td>
<td width="184" class="tables">{emp2_city}</td>
<td width="120" class="tables">{emp2_state}</td>
<td width="94" class="tables">{emp2_zip}</td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td width="284" height="35" class="tables">{emp2_position}</td>
<td width="161" class="tables">{emp2_start}</td>
<td width="143" class="tables">{emp2_end}</td>
<td width="94" class="tables">{emp2_salary}</td>
</tr>
<tr>
<td height="35" colspan="4" class="tables"><b>Reason for leaving:</b>{emp1_reason}</td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td height="55" class="fieldtype"><b>Explain any gaps in employment:</b>{emp1_position}</td>
</tr>
</table>
<table width="700" height="45" border="0" align="center">
<tr>
<td class="tables_title"><span class="tables_title">Were you subject to the Federal Motor Carrier Safety Regulations while employed by the previous employer? <b>{emp1_regulation}</b></span></td>
</tr>
<tr>
<td class="tables_title"><span class="tables_title">Was the previous job position designated as a safety sensitive function in any DOT regulated mode, subject to alcohol and controlled substance testing requirements as required by 49 CFR Part 40?<b> {emp1_dot}</b></span></td>
</tr>
</table><br />
<table width="700" border="0" align="center">
<tr>
<td width="284" height="35" class="tables">{emp3_name}</td>
<td width="184" class="tables">{emp3_phone}</td>
</tr>
<tr>
<td width="284" height="35" class="tables">{emp3_address}</td>
<td width="184" class="tables">{emp3_city}</td>
<td width="120" class="tables">{emp3_state}</td>
<td width="94" class="tables">{emp3_zip}</td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td width="284" height="35" class="tables">{emp3_position}</td>
<td width="161" class="tables">{emp3_start}</td>
<td width="143" class="tables">{emp3_end}</td>
<td width="94" class="tables">{emp3_salary}</td>
</tr>
<tr>
<td height="35" colspan="4" class="tables"><b>Reason for leaving:</b>{emp3_reason}</td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td height="65" class="fieldtype"><b>Explain any gaps in employment:</b>{emp3_position}</td>
</tr>
</table>
<table width="700" height="45" border="0" align="center">
<tr>
<td class="tables_title"><span class="tables_title">Were you subject to the Federal Motor Carrier Safety Regulations while employed by the previous employer? <b>{emp1_regulation}</b></span></td>
</tr>
<tr>
<td class="tables_title"><span class="tables_title">Was the previous job position designated as a safety sensitive function in any DOT regulated mode, subject to alcohol and controlled substance testing requirements as required by 49 CFR Part 40?<b> {emp1_dot}</b></span></td>
</tr>
</table>
<p class="apptitle">Terms of Acceptance</p>
<table width="700" height="45" border="0" align="center">
<tr>
<td class="tables_title"><div id="ftr-fld181">
<div id="ftd-fld181">
<div class="terms" id="fin-fld181">TO BE READ AND SIGNED BY APPLICANT - I authorize you to make sure investigations and inquiries to my personal, employment, financial or medical history and other related matters as may be necessary in arriving at an employment decision. (Generally, inquiries regarding medical history will be made only if and after a conditional offer of employment has been extended.) I hereby release employers, schools, health care providers and other persons from all liability in responding to inquiries and releasing information in connection with my application. In the event of employment, I understand that false or misleading information given in my application or interview(s) may result in discharge. I understand, also, that I am required to abide by all rules and regulations of the company. I understand that information I provide regarding current and/or previous employers may be used, and those employer(s) will be contacted, for the purpose of investigating my safety performance history as required by 49 CFR 391.23(d) and (e). I understand that I have the right to: • Review information provided by current/previous employers; • Have errors in the information corrected by previous employers and for those previous employers to re-send the corrected information to the prospective employer; and • Have a rebuttal statement attached to the alleged erroneous information, if the previous employer(s) and I cannot agree on the accuracy of the information.” Furthermore, this certifies that I completed this application, and that all entries on it and information in it are true and complete to the best of my knowledge.</div>
</div>
</div></td>
</tr>
</table>
<table width="700" border="0" align="center">
<tr>
<td width="437" height="35" class="tables"><b>Digital Signature</b>{signature}</td>
<td width="253" class="tables"><b>Date of Signature</b>{signature_date}</td>
</tr>
</table>
<tr>
<table width="700" border="0" align="center">
<td class="tables_title"><span class="tables_title">
<label> I understand that checking this box constitutes a legal signature confirming that I acknowledge and agree to the above Terms of Acceptance.<br />
</label>
<b>{agree_terms}</b></span></td>
</tr></table>
<p class="apptitle"> </p>
</body>
HI sethmorris,
This depends on the mail reader - some of them ignore <script> blocks. The safest way is to use in-line CSS
+ The CSS selectors with multiple classes look odd to me and may not work.
+ You don't usually need to repeat column widths inside the same table.
Bob
This depends on the mail reader - some of them ignore <script> blocks. The safest way is to use in-line CSS
+ The CSS selectors with multiple classes look odd to me and may not work.
+ You don't usually need to repeat column widths inside the same table.
Bob
Well I've been using microsoft outlook to view the mail tests. As I implied, this was working fine when I first started.
Ironically, The tables look fine and are formatted as I wish. But The Table titles, which use the "apptitle" class are not bold, and justify to the left. The css is pretty straight forward. There is one or two classes there that arent being used I hjust havent taken them out yet, and are not called in the html
Ironically, The tables look fine and are formatted as I wish. But The Table titles, which use the "apptitle" class are not bold, and justify to the left. The css is pretty straight forward. There is one or two classes there that arent being used I hjust havent taken them out yet, and are not called in the html
This topic is locked and no more replies can be posted.
