Syntax error: Unexpected end of file reached. You have an unclosed #if - syntax-error

Below is the code used. Trying to get an image to display ony if the associated field is not empty. Thanks for any help you all can give! Message states the error is on Line 42, column 8.
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%;" width="100%">
<!-- START header -->
<tbody>
<tr>
<td valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:720px;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc;" width="720">
<tbody>
<tr>
<td style="background:#ffffff;width:720px;height:auto; border-bottom: 1px solid #eaeaea; padding-top: 20px; padding-bottom: 20px; padding-left: 27px;" valign="top" width="720">
<font color="#222222">
<img alt="IQAir" id="" name="" src="https://hosting.fyleio.com/40620/public/SanSerif_Desktop_01.jpg?c=1561752071758" style="border: 0px; display: block; width: 300px;" />
</font>
<p style="line-height: 19px; margin-top: 0px; padding-top: 10px;"><span style="font-size:14px;"><span style="font-family:arial,helvetica,sans-serif;"><span style="color:#666666;">Dear ${customer.firstName}, </span></span>
</span><br />
<br />
<br />
<span style="font-size:11.0pt"><span style="font-family:Calibri">It's our pleasure to inform you that your preliminary personalized perfect16 evaluation is almost ready. However, in order to be as accurate as possible we need the following missing information:<br />
<br />
<#if (transaction.custbody117)?has_content></#if><img src=${transaction.custbody135}#elseif<#if (transaction.custbody122)?has_content>img src=${transaction.custbody139}<#if (transaction.custbody118)?has_content>img src=${transaction.custbody140}<#if (transaction.custbody119)?has_content>img src=${transaction.custbody141}<#if (transaction.custbody120)?has_content>img src=${transaction.custbody142}>
<br />
<br />
<span style="font-size:11.0pt"><span style="font-family:Calibri">You may also contact our office for assistance with the missing information so we can continue the analysis of the project. </span></span><br />
<br />
<span style="font-size:11.0pt"><span style="font-family:Calibri"> </span></span><br />
<span style="font-size:11.0pt"><span style="font-family:Calibri">Please feel free to contact me if you have any questions.</span></span><br />
<br />
<br />
</span><br />
</p>
<p style="color: rgb(102, 102, 102); font-family: Arial, Helvetica-Neue, Helvetica, sans-serif; font-size: 8px; margin-bottom: 10px;">
<font color="#222222" face="Arial, Verdana, sans-serif"><span style="font-size: 12px;"> src="https://hosting.fyleio.com/40620/public/SanSerif_Desktop_01.jpg?c=1561752071758" style="background-color: rgb(255, 255, 255); border: 0px currentcolor; vertical-align: middle; width: 64px; height: 16px;" /> </span></font>
<span
style="color:#666666;">
<font face="Arial, Verdana, sans-serif"><span style="font-size: 12px;"><span style="font-size:10px;"><span style="font-family:arial,helvetica,sans-serif;"> <span style="background-color: rgb(255, 255, 255);">©</span> 2020 IQAir North America, Inc. All
rights reserved.</span>
</span>
</span>
</font>
</span>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
<!-- END content -->
</tbody>
</table>

Seems like you missed closing this tag: <span style="font-size:11.0pt"/>

Related

Code Block with table not showing on Mailchimp

I am building an email template on Mailchimp using code blocks in some parts. I have created a seemingly simple table which does show on the visual composer but does not show when I click on Preview or Test.
This is a standalone block, so I don't think I need to insert table anywhere but within a div element. After previewing the entire template and returning to the visual composer, the table disappears but does re-appear after clicking on the element below.
Is there any reason why this happens?
<div class="mcnTextContent" style="margin-left:64px; margin-right:64px">
<table style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-color: #1F1F1F; width: 100%; margin-left: auto; margin-right: auto;" border="0">
<tbody>
<tr>
<td style="line-height: 0px !important; padding-bottom: 48px !important;" colspan="3"> </td>
</tr>
<tr>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">Year Launch</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">2020<br/>UCITs version - 2015</span></td>
<td colspan="2"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">Assets Under Management</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">USD $1B strategy<br/>UCITs version - SD $0.4B</span></td>
</tr>
<tr>
<td style="line-height: 0px !important; padding-bottom: 20px !important;" colspan="3"> </td>
</tr>
<tr>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">Performance 2020</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">5.49%<sup>2</sup></span></td>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">YTD Performance</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">0.50%<sup>1</sup></span></td>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">Yield-to-Worst</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">8.95%<sup>2</sup></span></td>
</tr>
<tr>
<td style="line-height: 0px !important; padding-bottom: 20px !important;" colspan="3"> </td>
</tr>
<tr>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">Duration</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">4 years<sup>1</sup></span></td>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">3-year Volatility</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">7.23%<sup>2</sup></span></td>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;"># of Positions</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">144<sup>3</sup></span></td>
</tr>
<tr>
<td style="line-height: 0px !important; padding-bottom: 20px !important;" colspan="3"> </td>
</tr>
<tr>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">Gross Yield (USD)</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">442%<sup>2</sup></span></td>
<td width="33%"><span style="font-size: 10px !important; vertical-align: middle;">🟢 </span> <span style="font-weight: bold;">MTM Yield (USD)</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">45%<sup>2</sup></span></td>
<td> </td>
</tr>
<tr>
<td style="line-height: 0px !important; padding-bottom: 20px !important;" colspan="3"> </td>
</tr>
<tr>
<td style="font-size: 12px !important; line-height: 16px;" colspan="3"><sup>1</sup> Source: Morningstar Direct March, 5th, 2021 (HI USD shareclass).<br/> <sup>2</sup> Source: TwentyFour, Bloomberg; February 28th, 2021.<br/> <sup>3</sup> This is now credit issuers only so it excludes ABS and Government (total credit positions = 271). Source: TwentyFour Bloomberg Feb 28th 2021.</td>
</tr>
<tr>
<td style="line-height: 0px !important; padding-bottom: 20px !important;" colspan="3"> </td>
</tr>
<tr>
<td colspan="2"><span style="font-weight: bold; font-size: 24px;">Ratings & Awards</span></td>
<td width="33%"> </td>
</tr>
<tr>
<td style="line-height: 0px !important; padding-bottom: 20px !important;" colspan="3"> </td>
</tr>
<tr>
<td style="padding-right: 40px;" colspan="2"><span style="font-size:20px;">★★★★★</span><div style="line-height: 4px;"> </div>
<span style="font-weight: bold;">Morningstar</span>
<div style="line-height: 8px;"> </div>
<span style="font-size: 16px;">This fund has been awarded.</span></td>
<td style="background-image: url('https://i.ibb.co/Jkd3npD/Untitled-1-copy.jpg'); background-repeat: no-repeat; background-size: 189px 117px; width: 189px; height: 117px;" colspan="1"> </td>
</tr>
<tr>
<td style="line-height: 0px !important; padding-bottom: 48px !important;" colspan="3"> </td>
</tr>
</tbody>
</table>
</div>
In this case, the issue was with the emoji 🟢 I used. For some reason Mailchimp didn't allow the table to render correctly.

Custom (width and height) to print Product Labels on Odoo - QWEB

Right now the system is printing the Product Labels and work fine but in wrong dimensions.
I need set width to 7cm and height to 4cm on QWEB report.
Where I can change the dimensions to print QWEB report?
I can't change the format to the print preferences because in a sheet can be many Products Labels.
This is my QWEB:
<?xml version="1.0"?>
<t t-name="product.report_productlabel">
<t t-call="report.html_container">
<div class="page">
<style>
</style>
<t t-foreach="docs" t-as="template">
<t t-foreach="template.product_variant_ids" t-as="product">
<div class="col-xs-6" style="padding:0;">
<table style="border-spacing:0;margin-bottom:0;height: 110px;border: 2px solid black;" class="table">
<thead>
<tr style="width: 3in;">
<td style="width: 2.63in;text-align: center;background-color: #fff;" colspan="2" class="col-xs-8 danger">
<strong style="text-transform: uppercase;">
<t t-esc="product.name"/>
</strong>
</td>
</tr>
</thead>
<tbody>
<tr style="width: 1in;">
<td style="text-align: center; border-top: 0px solid #fff; padding: 0px 5px 0px 5px;" class="col-xs-5">
<h4 style="border: 4px solid #ff4040;border-radius: 9px;background-color: #ffff00;padding: 10px 12px 10px 12px;font-size: 26px;margin-top: 0px;margin-bottom: 0px;">
<strong t-field="product.list_price" />
<strong>
<t t-esc="product.company_id.currency_id.symbol"/>
</strong>
</h4>
</td>
<td style="text-align: center;border-top: 0px solid #fff;padding: 0px 5px 0px 5px;" class="col-xs-7">
<img class="img-responsive"
t-att-src="'data:image/png;base64,%s' % res_company.logo"
style="background-color: #fff;margin-left: auto;margin-right: auto;width: auto;height: 16px;margin-bottom: 8px;"/>
<img class="img-responsive" t-if="product.barcode"
t-att-src="'/report/barcode/?type=%s&value=%s&width=%s&height=%s' % ('EAN13', product.barcode, 650, 200)"
style="height: 20px;width: 100%;"/>
<span style="">
<t t-esc="product.barcode"/>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</t>
</t>
</div>
This the solution for the width of the table using the DPI of 90;
<table style="border-spacing:0;margin-bottom:0;height: 187px; width: 319px; border: 2px solid black;" class="table">
This is the QWEB template with the dimensions you need and I also scale the fonts and padding of the table elements to match the new width and height:
<?xml version="1.0"?>
<t t-name="product.report_productlabel">
<t t-call="report.html_container">
<div class="page">
<style>
</style>
<t t-foreach="docs" t-as="template">
<t t-foreach="template.product_variant_ids" t-as="product">
<div class="col-xs-6" style="padding:0;">
<table style="border-spacing:0;margin-bottom:0;height: 187px; width: 319px; border: 2px solid black;"
class="table">
<thead>
<tr style="width: 3in;">
<td style="width: 2.63in; font-size: 19px; text-align: left; background-color: #fff; margin-top: 10px;"
colspan="2"
class="col-xs-8 danger">
<strong style="text-transform: uppercase;">
<t t-esc="product.name"/>
</strong>
</td>
</tr>
</thead>
<tbody>
<tr style="width: 1in;">
<td width="50%"
style="text-align: center; border-top: 0px solid #fff; padding: 5px; position: relative;">
<div style="position:absolute; bottom: 20px; left: 0; padding-left: 5px; width: 100%">
<h4 style="border: 4px solid #ff4040; border-radius: 9px; background-color: #ffff00; padding: 10px 6px; font-size: 21px; margin: 0px ">
<strong t-field="product.list_price"/>
<strong>
<t t-esc="product.company_id.currency_id.symbol"/>
</strong>
</h4>
</div>
</td>
<td width="50%"
style="text-align: center;border-top: 0px solid #fff;padding: 5px; position: relative;">
<div style="position:absolute; bottom: 20px; padding-right: 5px;">
<img class="img-responsive"
t-att-src="'data:image/png;base64,%s' % res_company.logo"
style="background-color: #fff; margin-left: auto; margin-right: auto; width: auto; height: 35px; margin-bottom: 5px;"/>
<img class="img-responsive" t-if="product.barcode"
t-att-src="'/report/barcode/?type=%s&value=%s&width=%s&height=%s' % ('EAN13', product.barcode, 650, 200)"
style="height: 20px; width: 100%;"/>
<span style="font-size: 14px">
<t t-esc="product.barcode"/>
</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</t>
</t>
</div>
</t>
You might look at the report.paperformat model, which defines the format for the paper size. You find the default values in addons\report\views\report_paperformat_views.xml.

Need to check the specific cell value from a table in selenium

Need to check the specific cell value from a table in selenium.
As per the GUI view it is the 5th column of 1st Row and I need to keep reading the value of this cell until it changes to some other state from in progress state.Following is the XML:
<html>
<head><style>
BODY
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
scrollbar-face-color: #666699;
scrollbar-3dlight-color: #c2c8e2;
scrollbar-shadow-color: #c2c8e2;
scrollbar-highlight-color: #666699;
scrollbar-darkshadow-color: #666699;
scrollbar-arrow-color: #e6eef7;
scrollbar-track-color: #e6eef7;
background-color: rgb(255, 255, 255);
}
TD
{
color: #000000;
font-size: 8pt;
}
</style></head>
<body topMargin="0" leftMargin="0" onload="javascript:OnLoad();" onunload="javascript:closeWin();"><div id="divMainTbl" style="width: 1358px; height: 182px; overflow: auto; position: relative;" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0"><form name="frmDSV" id="frmDSV" style="margin-top: 0px; margin-bottom: 0px;" action="/epace/epace-cgi/pacecgi.exe?sessionid=" method="post" target="ifChildEvents"><table width="100%" id="tblQ" border="0" cellSpacing="0" cellPadding="0" nowrap="" xmlns:user="" xmlns:msxsl=""><tbody><tr style="background-color: rgb(241, 241, 241);">
<td noWrap="">
In Progress
</td>
</tr></tbody></table></form></div></body></html>
<DIV id="divMainTbl" style='position:
<TABLE id="tblQ" WIDTH="100&#37" BOR>
<TR>
-- Column <tds
</TR>
<tr style="background-color:#F1F1F1;">
<td class="HU2"> 1 </td>
<td nowrap width="2&#37" height="15" </td>
<td nowrap> Positions </td>
<td nowrap> Data Upload </td>
<td nowrap> Completed </td>
Looks like that's the only td you have. If so it's fairly easy.
//div[#id='divMainTbl']//td
Since the div has an id it easier to start from there and find the ONLY td accordingly.

HTML madness - Width collapse and stubborn tables

I'm trying to make a newsletter sort of thing and this piece of bovine defecation won't stay the width I specify. I've already set the width in 100 different places and whenever I preview it on Outlook it completely stretches out to infinity.
I do have a "width:100%" piece of code here but It's inside the master div, and the master div specifies the width clearly so the child element should obey this size when setting it as 100%. Should be relative to the parent element.
It's driving me crazy. I'm editing this in Joomla 1.5 to top it off, which is seemingly annoying as dgwergh. Doesn't even let me make a style section and I can't think of another free way to edit and send html newsletters to thousands of people while presenting statistics for free.
And upgrading it is annoying as egewg because I need to test it in a different domain first which I don't have.
Here's my code:
<div style="font-family: century gothic;" align="center">
<table style="width: 600px; background-color: #ffffff; display: block;" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tbody>
<tr>
<td rowspan="1" colspan="1" align="center" valign="top">
<table style="width: 600px; height: 0px;" cellspacing="0" cellpadding="0">
<tbody>
<tr style="line-height: 0px;">
<td>
<table style="margin-top: 0;">
<tbody>
<tr style="line-height: 0px;">
<td style="line-height: 0px; height: 83px; margin-top: 0; width: 600px;"><img src="" alt="SEMINARIO-header-14julho2014" width="100%" height="auto" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="background-color: #fff; padding: 2px; width: 600px;" rowspan="1" colspan="1" align="left" valign="top" bgcolor="#000000">
<table style="width: 100%; vertical-align: middle;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 0px; width: 600px;" rowspan="1" colspan="1" align="left" valign="top" width="600"></td>
</tr>
<tr>
<td style="background-color: #ffffff; width: 600px;" rowspan="1" colspan="1" align="left" valign="top" bgcolor="#FFFFFF" width="600">
<table style="display: table; width: 100%; font-family: century gothic; vertical-align: middle;" cellspacing="0" cellpadding="3" bgcolor="#888888">
<tbody>
<tr>
<td style="width: 600px; text-align: center; font-family: century gothic; color: #ffffff; vertical-align: middle;" rowspan="1" colspan="1" align="center" valign="top">
<div style="font-family: century gothic; vertical-align: middle;">
<div style="font-family: century gothic; vertical-align: middle;">
<div style="font-family: century gothic; vertical-align: middle;"><span style="font-family: 'century gothic'; font-size: 16pt;"><br /></span></div>
<div style="font-family: century gothic; vertical-align: middle;"><span style="font-family: 'century gothic'; font-size: 16pt;">SEMINÁRIO</span></div>
<p style="font-family: century gothic; font-size: 18pt; color: #eaeff4;"><strong style="color: #ffffff; background-color: transparent;">BIM & MODELAÇÃO DE ESTRUTURAS</strong><span style="color: #ffffff; font-size: 14pt; background-color: transparent;"><strong> </strong></span><span style="font-size: 16pt; color: #ffffff; background-color: transparent;"> </span></p>
<p><span style="font-size: 10pt;"> | 14 de Julho de 2014 | 15h30 - 18h30</span></p>
</div>
<div><span style="font-size: 14pt;"> </span></div>
</div>
</td>
</tr>
</tbody>
</table>
<table style="display: table; width: 100%; background-color: #efefef; font-family: century gothic; size: 8pt;" cellspacing="6" cellpadding="1">
<tbody>
<tr>
<td style="width: 600px; text-align: left; color: #000000;" rowspan="1" colspan="1" align="left" valign="top">
<div style="color: #000; font-size: 10.8pt; font-family: century gothic; text-align: justify; padding: 10px;" align="justify">
<p>Caro projectista/engenheiro,<br /><br /> <br />A convida-o a assitir e participar no seminário gratuito de BIM & Modelação de Estruturas no dia 14 de Julho, dedicado especialmente a projectistas e engenheiros, cuja preocupação é resolver a crescente necessidade de eficiência no projecto de estruturas, mantendo um elevado controlo nos procedimentos de cálculo e dimensionamento estrutural.</p>
<p>Contamos com uma participação muito significativa de pessoas que utilizam no seu dia-a-dia aplicações de modelação e cálculo de estruturas da CSI, mas também de outras empresas igualmente prestigiadas do mesmo sector. Sabemos que os softwares de cálculo estrutural progridem dia após dia, mas no entanto, muitos engenheiros e projectistas não sentem que isso reflicta directamente em acréscimo de produtividade e eficácia do trabalho.</p>
<p>Gostaríamos de poder contar com a sua presença no seminário, para lhe apresentar as nossas poderosas ferramentas de cálculo, de uso intuitivo e eficaz, as quais acreditamos ser do seu interesse.</p>
<p>As inscrições no seminário BIM & Modelação de Estruturas, a ter lugar na Universidade Lusófona do Porto, ainda estão abertas. Gostaríamos de renovar o nosso convite (caso ainda não tenha feito a inscrição), porque acreditamos que no fim, irá dar por bem investido o seu tempo. Pedimos-lhe esse tempo na certeza de que, independentemente dos programas que use, ficará com uma ideia sólida sobre as valências actuais da oferta de software de uma das empresas líderes mundiais em modelação e cálculo estrutural.</p>
<p>Assim, reenviamos o link com o programa do seminário, na expectativa de o encontrar presente neste grande evento, que irá reunir vários projectistas e engenheiros.</p>
</div>
<div style="font-family: century gothic; text-align: justify;" align="justify"> </div>
<div style="text-align: center;" align="center"> </div>
<div style="text-align: center;" align="center"> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width: 100%;">
<table style="background-color: #507d90;">
<tbody>
<tr style="padding-bottom: 0px;">
<td style="width: 210px; height: 60px; padding-left: 5px;"><img src="" alt="csi logo" width="140" /></td>
<td style="width: 435px; height: 60px; text-align: right; color: #fff; font-weight: bold; font-size: 7pt;">
<p style="font-family: century gothic; padding-right: 5px;"><br />T: <br />E: <br />W:
</tr>
<tr>
<td style="text-justify: justify; line-height: 11px; font-family: century gothic; width: 640; padding-bottom: 20px; padding-left: 30px; padding-right: 25px; font-size: 7pt; color: #fff;" colspan="2">
<hr />
A mensagem que acabou de receber é um e-mail informativo da CSI Portugal, não devendo ser considerado como SPAM. De acordo com o Artº. 22 do Decreto lei 7/2004 de 7 de Janeiro, se o seu registo foi incluído na nossa lista de envio por erro ou se pretender simplesmente ser removido da mesma, por favor clique {unsubscribe}aqui{/unsubscribe}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Remove all the width: 100% you have in your code. I tried this in Outlook and it displayed the 600px-wide block in the middle of the mail, which I assume is the result you want to achieve.
Also, the width of your footer lacks an unit : I corrected it width: 640px.
See http://jsfiddle.net/w6rHj/ for the small changes.
That code works for me when I copy and paste it into Outlook (I assume you mean the rebranded Hotmail rather than Outlook Express).
Some bug fixing tips
Try sending it without using Joomla to see if it is Joomla or Outlook that is causing the problem.
Try inspecting the css of the wide element in Firebug to see what styles it is inheriting. Outlook styles may be overriding your styles. Firebug also allows you to turn off styles until you can spot the problematic one.
View the source of the email when it is in Outlook and see if it differs - has it changed in any way.
Also, you haven't closed your div surrounding the table in the example above. Doubt this would cause it, however.

GMAIL Failing to render simple tables in email

Anyone who gets back to me on this is an absolute legend. I sincerely hope this is just a matter of being too close to the code and I am not able to see it any more. In most if not all browsers and email clients the code is rendering fine. But in GMAIL, the bottom table is blowing out the left and the content on the right hand side to the the right.
Here is a shot of it on litmus: https://betalondon.litmus.com/pub/dfe0bd6
And here is the full code:
<!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" />
<title>ENO MAGIC FLUTE e-mail</title>
</head>
<body>
<table align="center" bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top">
<table width="1030px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="140" valign="top" bgcolor="#000000" style="line-height: 0px;">
</td>
<td valign="top" width="600" bgcolor="#000000">
<table cellpadding="0" cellspacing="0" border="0" width="600">
<tr>
<td>
<table height="135" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="middle" border="0">
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/header2.jpg" alt="logo" width="600" height="283" border="0"/>
</td>
<td valign="bottom" border="0" width="18" height="15" bg-color="#ffffff">
<br/>
<br/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="600" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff">
<tr>
<td width="310" valign="top">
<table cellpadding="0" width="300" cellspacing="4" border="0" style="margin-top: 15px; margin-left: 10px;">
<!--Title text--><tr>
<td align="left">
<span style="text-decoration: uppercase; font-family:Helvetica, Arial; font-size:14px; color:#000000; line-height:120%;">MOZART's<br/>
</span>
<span style="text-decoration: uppercase; font-family:Helvetica, Arial; font-size:25px; color:#000000; line-height:150%;"><strong>THE MAGIC FLUTE</strong></span><br/>
<span style="text-decoration: uppercase; font-family:Helvetica, Arial; font-size:14px; color:#000000; line-height:150%;">13 Sep - 18 Oct</span><br/>
</td>
</tr>
<tr>
<!--Body-text--><td align="left">
<span style="font-family:Helvetica, Arial; font-size:14px; color:#000000; line-height:120%;">
You are invited back to witness the adventure, music and emotion of one of Mozart's most stirring operas, your last chance to witness Nicholas Hytner's lavish production.<br/><br/>
Its distinctive characters, Papageno, Pamina, Sarastro and The Queen of the Night, along with magical sets, costumes and fantasy creatures, make this remarkable opera one not to be missed. Catch one of the final ten performances for what's been considered <em>'one of ENO's most magical interpretations'</em> (The Times)<br/><br/>
This time why not share the enjoyment and bring friends and family.
</span>
<br/>
<br/>
<table style="background:#e4e4e4; border: solid 1px #d7d7d7;">
<tr>
<td style="padding: 5px;">
<span style="font-family: arial, helvetica, sans-serif; color:#000000; font-size: 18px;">
Final 10 performances<br/>
Tickets from £19<br/>
Children under 16 half price<br/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/booknow.png" border="0"/>
</span>
</td>
</tr>
</table>
<br/>
</td>
</tr>
</tr>
</table>
<br/><br/>
<br/><br/>
</td>
<td><img src="http://content.high50.com/emails/20012012/images/1x1.gif" width="35" height="5" border="0" /></td>
<td valign="top">
<br/>
<table width="255" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td valign="top" width="280" align="left">
<font style="font-family:arial; font-size:14px; color:#000000; line-height:1.5em; padding-left: 40px; margin-top: 15px;"><strong>BOX OFFICE: </strong></font><br/>
<span style="font-family: arial; color: #ed1c24; font-size: 18px; padding-left: 40px;">020 7845 95300</span><br/>
<span style="font-family: arial; ">
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/fbook.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/twitter.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/youtube.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/flickr.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/vimeo.png" border="0"/>
</span>
<br/>
<br/>
<img style="padding-left: 11px;" src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/listen.png" border="0"/></a>
<br/>
<span style="font-family:Georgia, arial, helvetica, sans-serif; font-size:14px; color:#999999; line-height:1.5em; font-style: italic; padding-left: 40px; float: left; text-decoration: none;">
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/arrow.png" style="float: left;" align="left" border="0" hspace="3" valign="middle" border="0"/>Overture<br/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/arrow.png" style="float: left;" align="left" border="0" hspace="3" valign="middle" border="0"/>Queen of the Night<br/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/arrow.png" style="float: left;" align="left" border="0" hspace="3" valign="middle" border="0"/>Papagena and Papageno</span>
<br/>
<br/>
<br/>
<br/>
</td>
</tr>
</table>
</td>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table height="" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" width="600">
<tr>
<td valign="top">
<hr style="width: 600px; color:#6493b1; border: dotted 1px;"/>
<a href="mailto:?Subject=Book tickets to see The Magic Flute&body=Shall we go and see this opera together?: You are invited back to witness the adventure, music and emotion of one of Mozart's most stirring operas, your last chance to witness Nicholas Hytner's lavish production. Book here
#[http://www.eno.org/see-whats-on/productions/production-page.php?selected_date=13-09-2012&itemid=2130]#"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/forward.png" alt="forward this e-mail to a friend" width="" height="" border="0"/></a>
<span style="float: right; font-family: arial;"><strong>FOLLOW US</strong>:
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/fbook.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/twitter.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/youtube.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/flickr.png" border="0"/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/vimeo.png" border="0"/>
</span>
<br/><br/>
<center><span style="text-align: center; font-family: arial; font-size: 20px;"><strong>ENGLISH NATIONAL OPERA</strong></span><br/><span style="text-align: center; font-family: arial; font-size: 12px;">London Coliseum, 38 St. Martin's Lane, London, WC2N 4ES BOX OFFICE: 020 78459300<br/><br/>
<img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/artslottery.png" border="0"/><br/><br/>
ENO is a registered charity in England (no 257210)</span><br/><br/>
<span style="font-family: arial; font-size: 11px;">Photos: GTG/ Yunus Durukan</span> <br/>
<hr style="border:1px dotted; color:#6493b1;"><br/><br/>
Unsubscribe</center>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table height="90" border="0" cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff">
<tr>
<td valign="top" align="center">
<br /><br />
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="140" valign="top" bgcolor="#000000"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Your HTML is invalid. Use the W3C validator service to check it. Pay special attention to errors like this:
Line 91, Column 37: end tag for "table" omitted, but OMITTAG NO was
specified
For me it worked:
1- Open Firefox with Firebug
2- Go to gmail
3- Click "Compose"
4- Right click on the textfield, and choose "Inspect element with Firebug"
5- Search the following code:
[-] <iframe id=":jo" class="Am Al editable" frameborder="0" style="padding: 0px; height: 569.5px; background-color: white;" tabindex="1">
[-] <html style="background:none transparent;min-width:0;">
[+] <head>
[+] <body id=":jo" class="editable LW-avf" style="min-width:0;" hidefocus="true" g_editable="true">
</html>
</iframe>
6- Select <body> and click Edit button
7- Paste your code between <body> and </body> (not included).
8- Close firebug
9- Send the email.