2012-08-15 51 views
0

任何在此回复我的人都是绝对的传奇人物。我真诚希望这只是一个与代码太接近的问题,我无法再看到它。在大多数情况下,如果不是所有的浏览器和电子邮件客户端,代码都能正常显示但在GMAIL中,底部表格正在向左吹出,右侧的内容向右吹出。GMAIL未能在电子邮件中呈现简单的表格

这里是它的石蕊一个镜头:https://betalondon.litmus.com/pub/dfe0bd6

这里是全码:

<!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"> 
         <a href="http://www.eno.org"><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"/></a> 
         </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/> 
    <a href="http://www.eno.org/see-whats-on/productions/production-page.php?&itemid=2130" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/booknow.png" border="0"/></a> 
</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; "> 
           <a href="https://www.facebook.com/englishnationalopera" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/fbook.png" border="0"/></a> 
           <a href="https://twitter.com/E_N_O" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/twitter.png" border="0"/></a> 
           <a href="http://www.youtube.com/englishnationalopera" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/youtube.png" border="0"/></a> 
           <a href="http://www.flickr.com/photos/eno-baylis/" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/flickr.png" border="0"/></a> 
           <a href="http://vimeo.com/englishnationalopera" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/vimeo.png" border="0"/></a> 
          </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;"> 
    <a href="http://www.eno.org/see-whats-on/productions/production-page.php?itemid=2130&tab=audio" style="text-decoration:none; color: #999;"><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</a><br/> 

            <a href="http://www.eno.org/see-whats-on/productions/production-page.php?itemid=2130&tab=audio" style="text-decoration:none; color: #999;"><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</a><br/> 

            <a href="http://www.eno.org/see-whats-on/productions/production-page.php?itemid=2130&tab=audio" style="text-decoration:none; color: #999;"><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</a></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>: 
           <a href="https://www.facebook.com/englishnationalopera" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/fbook.png" border="0"/></a> 
           <a href="https://twitter.com/E_N_O" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/twitter.png" border="0"/></a> 
           <a href="http://www.youtube.com/englishnationalopera" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/youtube.png" border="0"/></a> 
           <a href="http://www.flickr.com/photos/eno-baylis/" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/flickr.png" border="0"/></a> 
           <a href="http://vimeo.com/englishnationalopera" target="_blank"><img src="http://www.beta-testing.co.uk.php5-23.ord1-1.websitetestlink.com/eno/vimeo.png" border="0"/></a> 
          </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/> 
         <a href="mailto:[email protected]" style="font-family:arial; font-size:12px; color: #e41d2a; text-decoration:none; margin-top: 10px;">Unsubscribe</a></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> 

回答

0

你的HTML是无效的。使用W3C validator service进行检查。要特别注意象这样的错误:

91行,列37:为 “表” 结束标记省略,但OMITTAG NO被 指定

0

对我来说,它的工作:

1 - 使用Firebug

打开Firefox

2-转到Gmail

3-点击 “撰写”

4-右键单击文本字段,并选择 “使用Firebug检查元素”

5搜索以下代码:

[-] <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-选择<body>并点击Edit按钮

7 - 在<body></body>(不包括)之间粘贴您的代码。

8-关闭萤火虫

9-发送电子邮件。