Hi People,
I want to transform the following html file to PDF. Doing it using EO gives me a blank first page.
"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no" /> <title>Email Template</title> <style type="text/css"> body {width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; background-color: #FFFFE0;} #outlook a {padding:0;} .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} a img {border:none;} .image_fix {display:block;} p {margin: 1em 0;} p.bodyText {font-size: 12px!important; margin: 0 0 0.5em 0;} table.mirrorTable { width: 600px !important; margin-right: auto; margin-left: auto; line-height: 100% !important; background-color: #FFFFE0 !important; } table.backgroundTable { width:100% !important; line-height: 100% !important; background-color: #FFFFE0 !important; } table.outerTable { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 10px; width: 580px !important; line-height: 100% !important; background-color: #FFFFFF !important; } table.innerTable { margin: 0; padding:0; width: 580px !important; line-height: 100% !important; background-color: #FFFFFF !important; } table.footer { width: 580px !important; } table.addressWrapper { width: 280px !important; } h2, h4, h5, h6 {color: #Ff7802 !important;} h3 {color: #293991 !important;} h1 a, h2 a, h4 a, h5 a, h6 a {color: #293991 !important; text-decoration: none !important;} h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #293991 !important; text-decoration: underline !important; } h1 a:visited, h2 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #293991 !important; } table tr td a { color: #Ff7802 !important; text-decoration: none; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } table td {border-collapse: collapse;} table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } .printOnly { display: none; } /* MOBILE TARGETING */ @media only handheld and (min-width : 320px) and (max-device-width: 480px) { a[href^="tel"], a[href^="sms"] { text-decoration: none; color: #Ff7802; pointer-events: none; cursor: default; } .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #Ff7802 !important; pointer-events: auto; cursor: default; } table[class=mirrorTable] { width: 460px !important; } table[class=backgroundTable] { width: 460px !important; } table[class=outerTable] { width: 440px !important; } table[class=innerTable] { width: 440px !important; } table[class=twoColTable] { width: 440px !important; } table[class=footer] { width: 440px !important; } table[class=addressWrapper] { width: 100% !important; } .printOnly { display: none; } } @media only handheld and (max-width : 320px) { a[href^="tel"], a[href^="sms"] { text-decoration: none; color: #Ff7802; pointer-events: none; cursor: default; } .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #Ff7802 !important; pointer-events: auto; cursor: default; } table[class=mirrorTable] { width: 300px !important; } table[class=backgroundTable] { width: 300px !important; } table[class=outerTable] { width: 280px !important; } table[class=innerTable] { width: 280px !important; } table[class=twoColTable] { width: 280px !important; } table[class=footer] { width: 280px !important; } table[class=addressWrapper] { width: 100% !important; } .printOnly { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { a[href^="tel"], a[href^="sms"] { text-decoration: none; color: #Ff7802 !important; pointer-events: none; cursor: default; } .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #Ff7802 !important; pointer-events: auto; cursor: default; } .printOnly { display: none; } } /* PRINT ONLY STYLES */ @media print { /* Force background color printing in chrome and Safari */ * {-webkit-print-color-adjust: exact; } /* hide mirror table */ table.mirrorTable { display: none; } /* make the email print on the full width of the paper */ table.outerTable, table.innerTable, table.footer { width: 100% !important; margin: 0; float: none; } table.innerTable { margin: 0; padding: 0; width: 100% !important; background-color: #FFFFFF !important; float: none; } /* make backgrounds white and add space for the address to be printed */ body { width: 100%; margin: 0; padding: 0; background-color: #ffffff !important; } table.backgroundTable { width:100% !important; background-color: #ffffff !important; } /* LINKS */ /* style links */ a:link, a:visited { text-decoration: underline; color: #FF7802; } /* style text */ p { font-size: 12pt; } .bodyText { font-size: 12pt; } .noprint { display: none; } .printOnly { display: block; } /* Stop images being naughty */ img {border: 0} img { max-width: 100% !important; } /* Page break rules */ /* img { page-break-inside:avoid; page-break-after:avoid; } ul, ol, dl { page-break-before:avoid } h1, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid } p, h1, h3 { orphans: 2; widows: 2; } .bookingSummary { page-break-before:avoid !important; } */ } </style> </head> <body> <!-- Postal template only - name and address --> <table border="0" align="center" cellpadding="0" cellspacing="0" class="backgroundTable" style="page-break-before: always;"> <tr> <td> <table border="0" align="center" cellpadding="10" cellspacing="0" class="mirrorTable"> <tr> <td align="left"> <p align="left" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 100%; margin-top: 10px; margin-bottom: 10px;"> Having trouble viewing this email? <a href='http://www.travelrepublic.co.uk/client/clClientEmail.aspx?Id=7b854e75-b17a-44b1-b133-2fcf063baf23&emailid=351' style='color:#Ff7802; text-decoration: underline;'>View it in your browser</a></p> </td> </tr> </table> <table cellpadding="10" align="center" cellspacing="0" border="0" class="outerTable"> <tr align="center"> <td bgcolor="#FFFFFF"> <table cellpadding="0" cellspacing="0" border="0" align="center" class="innerTable"> <tr class=""> <td align="left"> <img align="left" src="http://www.travelrepublic.co.uk/imagesv3/email/co.uk.jpg" alt="Travel Republic" width="220" height="46" border="0" class="image_fix" style="border: none;outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" title="Travel Republic" /> </td> </tr> <tr> <td height="10"><!-- just some space --></td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0" border="0" width="100%" style="page-break-before: always;"> <tr> <td align="left"> <img align="left" src="http://www.travelrepublic.co.uk/imagesv3/email/co.uk.jpg" alt="Travel Republic" width="220" height="46" border="0" class="image_fix" style="border: none;outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" title="Travel Republic" /> </td> </tr> <tr><td> </td></tr> <tr> <td> <table cellpadding="8" cellspacing="0" border="0" width="100%" align="left" class="mainHeading"> <tr bgcolor="#293991"> <td align="left"> <h1 align="left" style="margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: bold; line-height: 120% !important; color: #FFFFFF;"> Hotel Room Voucher<br /> <span style="font-weight: normal;"> Team America </span> </h1> </td> </tr> </table> </td> </tr> <tr> <td align="left"> <p style="font-family: Verdana, Arial, Helvetica, sans-serif; color: #DC143C !important; font-weight: bold; font-size: 16px;">Present to hotel when checking in</p> <p style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> Hotel / Apartment to be paid by Team America. <br />Extras to be paid locally by the client prior to leaving the accommodation. </p> </td> </tr> <tr> <td align="left"> <h2 style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #FF7802; margin: 0; text-align: left;">Room 1</h2> <p style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> <strong>Accommodation Provider: </strong> Team America <br /> <strong>Locator Number: </strong>1089162<br /> <strong>Reservation Date: </strong>30/May/2014 05:57 </p> </td> </tr> <tr> <td align="left"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td style="border-bottom: 1px solid #293991;"> </td></tr></table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td> </td></tr></table> <h2 align="left" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; color: #293991 !important; margin: 0;">Accommodation</h2> <p align="left" style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> <span style="font-weight: bold;">The Lowell Hotel</span><br /> New York , New York State , USA </p> <p align="left" style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> <strong>Hotel Contact Details:</strong><br /> 28 East 63rd Street, New York, NY , 10065<br /> Email:
test@travelrepublic.co.uk </p> </td> </tr> <tr> <td align="left"> <table cellpadding="6" cellspacing="0" border="0" width="100%" align="left"> <tr bgcolor="#FFD7B4" style="border-top: 1px dotted #FF7802; border-bottom: 1px dotted #FF7802;"> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Check-in</strong></td> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Check-out</strong></td> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Duration</strong></td> <td width="17%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Rooms</strong></td> <td width="32%" align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"><strong>Guests</strong></td> </tr> <tr bgcolor="#FFF2E6" style="font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; padding-bottom: 2px; border-bottom: 1px dotted #FF7802;"> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;">17 Jun 2014</td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;">18 Jun 2014</td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;">1 Night</td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"> 1 Room </td> <td align="center" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0;"> 1 Adult 3 Children </td> </tr> </table> </td> </tr> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td height="10"><!-- Just a spacer --></td></tr></table> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td> <h3 style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; font-weight: bold; color: #293991 !important; text-decoration: none; text-align: left; margin-bottom: 10px;">Rooms Required</h3> <table class="" width="100%" cellspacing="0" cellpadding="6" border="0" align="left" style="border-top: 1px dotted #FF7802; border-bottom: 1px dotted #FF7802;"> <tr bgcolor="#FFD7B4"> <td align="left" style="border-top: 1px dotted #FF7802; border-bottom: 1px dotted #FF7802;"> <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%;"><strong>Room 1</strong> ONE BEDROOM DELUXE SUITE KING-Room Only </span> </td> </tr> <tr> <td align="left" bgcolor="#FFF2E6"> <span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%;"> Lead Guest: Mrs aaasdd ddsdaa <br /> </span> <p style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%;"><strong>Special Requests:</strong> Includes 2 infants. Please ensure there are 2 cots in the room.</p> </td> </tr> </table> </td></tr></table> </td> </tr> <tr> <td align="left"> <table cellpadding="6" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td height="10"><!-- Just a spacer --></td></tr></table> </td> </tr> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left"><tr><td> </td></tr></table> </td> </tr> <tr> <td align="left"> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left" style="clear: both;"><tr><td> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left"><tr><td> <p align="left" style="margin-top: 0; margin-bottom; 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  line-height: 140%;"> This voucher is issued on behalf of Team America<br/> Travel Republic act as an agent for Team America. </p> </td></tr></table> </td></tr></table> </td></tr></table> <!-- <br clear="all" /> --> </td> </tr> <tr> <td height="2" style="border-bottom: 1px solid #FF7802;"> </td> </tr> <tr> <td height="10"><!-- just some space --></td> </tr> <tr> <td align="center"> <p align="center" style="margin-top: 0; margin-right: 0; margin-bottom: 0.5em; margin-left: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 130%;"> Travel Republic, Clarendon House, 147 London Road,<br />Kingston upon Thames, Surrey KT2 6NH, UK.</p> <p id="footerURL" align="center" style="margin-top: 0; margin-right: 0; margin-bottom: 0.5em; margin-left: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 130%;"> <strong>Tel:</strong> <span class="mobile_link">020 8974 7200</span> <strong>Fax:</strong> 0208 974 7228 <br /> <strong>Overseas Dial Number: </strong> +44 20 8974 7200<br /> <strong>Website: </strong> <a href="http://www.travelrepublic.co.uk/" target="_blank" style="color: #Ff7802; text-decoration: none;">www.travelrepublic.co.uk</a> <strong>ABTA No: </strong> 43805 </p> </td> </tr> <tr> <td height="10"> <!-- just space --> </td> </tr> </table> <table cellpadding="6" cellspacing="0" border="0" width="100%" class="footer noprint"> <tr bgcolor="#Ff7802"> <td> <p align="left" style="margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff;"> ©2014 Travel Republic Limited. All Rights Reserved.</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html> "
Travel Republic wants to try EO and if it works, we can use EO for all of our pdf rendering. However, this is blocking us.