Формат электронной почты HTML не работает в Outlook

Мой формат электронной почты в формате HTML не работает должным образом в Outlook. Код использует угловые и bootstrap css. Я использовал inline css специально для Outlook, но когда вижу, что электронная почта в таблице outlook растянута в полноэкранном режиме.Формат электронной почты HTML не работает в Outlook

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

 <table class="table table-striped table-bordered table-condensed" width="320" style="margin-bottom: 20px;border: 1px solid #ddd; border-collapse: collapse"> 
     <tr ng-repeat="x in xall | orderBy:'name':false" style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px;"> 
      <th style="text-align: left; padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:40%;">Site Revenue</th> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="!data.isPrev">Â£850</td> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="data.isPrev">Â£500</td> 
     </tr> 
     <tr ng-repeat="x in xall | orderBy:'name':false" style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px;"> 
      <th style="text-align: left; padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:40%;">Product Revenue</th> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="!data.isPrev">Â£650</td> 
      <td style="padding: 5px; border: 1px solid #ddd; border-bottom-width: 2px; width:30%;" class="number" ng-if="data.isPrev">Â£570</td> 
     </tr> 
     </table>

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

источник

2015-04-21 Jitendra Pareek

Вот руководство, в котором показаны каждый атрибут CSS и какие почтовые клиенты они работают. Https://www.campaignmonitor.com/css/ – th0ward

Ребята благодарны за ваше время и предложения. Можете ли вы увидеть мой код, что ничего не будет, но я застрял в атрибуте width. Ширина работает совсем по-другому. Поэтому, пожалуйста, просмотрите и дайте мне знать, что не так. –

У меня были те же проблемы. Вот некоторые подсказки:

когда вы даете атрибут обивка, он должен идти, как это: padding:5px 5px 5px 5px;
плавающей (поплавок) атрибут CSS не работает в перспективе.
, когда вы указываете цвет фона, который должен быть задан как (bgcolor) в атрибуте таблицы.
Написать все CSS атрибуты рядный

источник

2015-04-21 07:11:39 Prasanga

Вы можете увидеть мой код, который я использовал inline css. –

(border-collapse: collapse;) точка с запятой отсутствует, мы должны учитывать это при создании шаблона электронной почты. – Prasanga

У меня такая же проблема и в моем шаблоне. Но заполнение все еще не работает, когда я даю отступы: 5px 5px 5px 5px; как это. –

Дело в том, что внешний вид использует Слово для рендеринга HTML. Word используется как редактор электронной почты. Читайте о поддерживаемых и неподдерживаемых HTML элементы, атрибуты и каскадные таблицы стилей свойства в следующей серии статей:

надеюсь, что вы найдете эту информацию полезной ...

источник

2015-04-21 12:54:08

Формат электронной почты HTML не работает в Outlook

ответ

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