2014-10-28 1 views
0

У меня есть дизайн для HTML писем, которые должны отображаться какширина <td> в GMail не имеет никакого эффекта


| image'a'here < < < < < < < < < < < пространство >>>>>>>>>>>>>>>>> image'b'here |


<table class="wrapper"> 
<tr> 
    <td class="header" style="padding: 15px 15px 0;"> 

     <table class="max-width" cellspacing="0" cellpadding="0" style="width: 100%;"> 
      <tr> 

       <!--RB logo--> 
       **<td style="width: 93% !important;vertical-align: top;">** 
        <table cellpadding="0" cellspacing="0"> 
         <tr> 
          <td> 
           <a class="link-style" href="https://www.reportbee.com/" target="_blank"> 
            <img src="https://gallery.mailchimp.com/0135a40176b33deb024da1fea/images/d86f927a-3eef-4e8f-9dae-99753e62b0b5.png" alt="Report Bee" title="Report Bee"></a> 
          </td> 
         </tr> 
        </table> 
       </td> 

       <!--RB flag--> 
       <td> 
        <table class="block" cellspacing="0" cellpadding="0"> 
         <tr> 
          <td> <img src="https://gallery.mailchimp.com/0135a40176b33deb024da1fea/images/2cddc1b3-1e85-4759-8cb1-7e07e9a2d89c.png" alt=""></td> 
         </tr> 
        </table> 
       </td> 

      </tr> 
     </table> 
    </td> 
</tr> 

Я попытался задать ширину для которой содержит мое первое изображение. Но Gmail не принимает ширину для и отображает мою электронную почту как


| image'a'here image'b'here |


что я делаю неправильно?

+0

По какой причине вы пытаетесь добавить ширину для вторых таблиц сначала 'td' –

+0

, что td - это то, что содержит мое изображение'a '. – Suganya

+0

как Gmail не принимает свойство float для изображения Im пытается указать ширину для первого td – Suganya

ответ

0

Когда я хочу два изображения, чтобы сидеть на противоположных концах электронной почты, я использую:

<td width="40" align="left"><img></td> 

<td width="100%"><img></td> 

<td width="40" align="right"><img></td> 

Поскольку оба изображения имеют фиксированную ширину, распорка в центре, которая на 100% выталкивает изображения наружу.

0

если вы отправляете HTML электронной почты просто передать следующую информацию в заголовке

MIME-Version: 1.0 
Content-type:text/html;charset=UTF-8 

главных является тип контента: **Content-type:text/html**

передача тип содержимого текста/html для HTML электронной почты

0

я испытал проблема такая, как раньше ... после многого исследования онлайн, я познакомился с тегом стиля, и большинство элементов css не будут работать в gmail и Outlook

так что если вы даете ширину для т.д, пожалуйста, сделать это как ширина тд =»", то вы можете увидеть эффект

+0

Но это не сработало для меня. – Suganya

Смежные вопросы