2014-02-17 81 views
0

我想找出一個解決方案,不使用'float:left;'來添加相鄰的表。我正在使用電子郵件模板的代碼,'浮動'不適用於Outlook和其他一些電子郵件客戶端。將表放置在彼此相鄰而不使用'浮動'

我試過了我能想到的所有東西,搜索論壇和網絡上的所有東西,但我無法找到解決方案。

下面是我使用的代碼:

<table width="155" height="155" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="main-content" style="float:left;margin-bottom:20px;"> 
    <tbody> 
     <tr>   
     <td><img style="border:0;" align="none" height="113" width="166" src="<?php echo $post_thumbnail ?>" /></td> 
     <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td> 
     </tr> 
     <tr>   
    <td style="font-family:arial;font-size:13px;font-weight:bold !important;line-height:17px;padding:10px 10px 0;"><strong>Text</strong></td> 
    <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td> 
     </tr> 

     <tr>   
    <td width="155" style="color: #666;font-size:13px;padding:0 10px 15px;"> 
     <a style="background-color:#ac0003; color:#ffffff; border:1px solid #660b0e;cursor: pointer; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 auto;margin-top:10px;padding: 2px 11px;;text-decoration:none;color:#ffffff; font-weight:bold;text-align:center;text-decoration:none;" href="<?php echo $post->guid ?>">Text</a> 
    </td> 
    <td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;">T</td> 
     </tr> 


     </tbody> 

</table> 

幫助!

+0

嘿,首先在搜索結果中,有幫助嗎? http://stackoverflow.com/questions/15367542/in-outlook-html-email-float-does-not-work –

+0

謝謝@RonniSkansing!我已經閱讀了MailChimp,Campaign Monitor等指南,但他們沒有特定的東西寫給我一個解決方案。 –

+0

http://www.email-standards.org/它也沒有提供其他解決方案,但是一個很好的地方可以檢查哪些特定供應商能夠。 –

回答

1

您可以嘗試爲表格元素內聯顯示。然後他們應該排在一起。

+0

這裏的一些提示http://stackoverflow.com/questions/7457319/how-do-i-make-an-html-table-inline –

+0

這仍然不能解決Outlook上的問題。 –

+0

kat_indo,我強烈建議快速閱讀本文。它應該有助於消除您遇到的與Outlook有關的任何混淆。鏈接:http://www.sitepoint.com/code-html-email-newsletters-2/ –

0

用戶顯示:inline-block;而不是float:left;