2015-09-16 4 views
0

У меня возникла проблема с составлением HTML-письма, которое будет правильно отображаться в Outlook, изначально я получил все, что отлично работает, используя элементы списка и стиль в виде списка Свойство, но это не поддерживается в Outlook.Ширины столбцов таблицы не соблюдаются

В принципе, у меня есть таблица с двумя рядами в ней, а с левой стороны - 11-пиковое изображение, используемое в качестве настраиваемой маркерной точки, а с правой стороны - некоторый текст.

Моя проблема неважно, что я делаю Я не могу получить столбец слева, чтобы поддерживать ширину 11 пикселей, а столбцы ВСЕГДА разбиваются поровну по середине таблицы. Помоги пожалуйста?

HTML

<table> 
    <tr> 
     <td> 
      <img src="Small Image" /> 
     </td> 
    </tr> 
    <tr> 
     <td class="red"> 
      <h4> 
       TEXT 
      </h4> 
     </td> 
    </tr> 
    <tr> 
     <td class="webinar"> 
      <table> 
       <tr> 
        <td class="left"> 
         <img src="/Bullet.png" /> 
        </td> 
        <td class="right"> 
         <p> 
          TEXT 
         </p> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

CSS

td.webinar .left { 
    width:11px; 
    vertical-align:top; 
    padding:0px 
    margin:0px 
} 

td.webinar .right { 
    width:144px; 
    vertical-align:top; 
    padding:0px 
    margin:0px 
} 

td.webinar { 
    background-color:#ccc6d2; 
    border:1px solid #313131; 
    padding-top:8px; 
    padding-bottom:10px; 
} 

ответ

-1

вы хотите использовать стили CSS в сообщениях электронной почты? то вы будете иметь плохое время в большинстве клиентов ..

попытка:

<table> 
    <tr> 
    <td width="144px"> 
     <img src="Small Image" /> 
    </td> 
    </tr> 
</table> 

в шаблонах электронной почты вы всегда должны применить встроенный стиль, как «Oldschool», насколько это возможно!

+0

Я пробовал, что это не работает ._. Я написал тонны электронных писем с стилем CSS в них, и все они до сих пор оказались прекрасными, я понятия не имею, почему это расщепляется по середине. Это раздел Class = "Webinar", который является проблемой – Bob

+0

только в Outlook? – FalcoB

+0

Он отлично отображает Chrome, Firefox и IE, так что да, просто в Outlook, но я не понимаю, почему что-то простое, как наличие двух столбцов с разной шириной, отказывается работать – Bob

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