2013-12-03 5 views
4

Привет, я создал подпись электронной почты для Outlook, она работает нормально до сих пор, за исключением одной вещи. Перспектива, кажется, берет мой html и выводит его по-другому, чем то, что я на самом деле создал. Он добавляет все виды p-классов и классов span и меняет встроенный css.Outlook HTML подпись электронной почты

Это то, что мой код выглядит следующим образом:

<table cellpadding="0" cellspacing="0"> 
    <tr> 
     <th rowspan="7" style="padding-right:10px;"> 
      <img alt="birdLogo" src="http://actforperformance.com/wp-content/uploads/2013/12/esigLogo.png"/> 
     </th> 
     <th rowspan="7" style="padding-right:2px; ; background-color:#FFEA66;"> 
     </th> 
      <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 13px; font-weight: bold; font-family: sans-serif; text-transform:uppercase;"> 
       Franke Hendrik Toornstra 
      </td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Président</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; padding-bottom: 3px; color: #747b82; font-size: 12px; font-weight: bold; font-family: sans-serif;">Expert en Management public</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">skype: franketoornstra</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">cell: +1 418 446 2113</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;">tel/fax: +1 418 903 1647</td> 
    </tr> 
    <tr> 
     <td style="padding-left:10px; color: #747b82; font-size: 11px; font-weight: 400; font-family: sans-serif;"><a href="http://actforperformance.com">www.actforperformance.com</a></td> 
    </tr> 

Все получает изменилось вокруг, размер шрифта преобразуются в точках, и все становится намного меньше. Линия «skype: franketoornstra» выводится на две отдельные строки, оба завернуты в <p class="MsoNormal> и a.

Фактически все текстовые элементы обернуты в <p class="MsoNormal> и оформлены в стиле с размером шрифта 12 пикселей. В результате размер шрифта не изменяется, но интервал между строками устанавливается в 12px, поэтому пространство строки слишком велико, так как мой шрифт меньше.

Я не могу исправить это путем стилизации определенных классов, созданных Outlook, поскольку я делаю встроенный стиль. Поэтому я немного озадачен тем, как кто-то может создать html-подпись, если Outlook выглядит так.

+1

Принадлежит на: http://superuser.com/ –

+0

только отправил на суперпользователя и получил отправлены обратно сюда – fred

ответ

8

Проблема MsoNormal неизбежна в Outlook. Поскольку он использует механизм MS Word для рендеринга электронной почты html, он обертывает все в тегах p. В Outlook также существует минимальная высота tr 19px, что, вероятно, является причиной расширения ваших строк.

К сожалению, вам придется проектировать вокруг этих причуд. Вот ваша подпись в гораздо более удобном для Outlook формате:

<table width="400" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="87" height="82"> 
     <img alt="birdLogo" src="http://actforperformance.com/wp-content/uploads/2013/12/esigLogo.png" width="77" height="82" style="margin: 0; border: 0; padding: 0; display: block;"> 
    </td> 
    <td width="3" bgcolor="#FFEA66"> 

    </td> 
    <td width="310" height="82" style="padding-left:10px; font-family: sans-serif; color: #747b82; font-size: 12px;"> 
     <font style=" text-transform:uppercase; font-size:13px;"><b>Franke Hendrik Toornstra</b></font><br> 
     <b>Président</b><br> 
     <b>Expert en Management public</b><br> 
     skype: franketoornstra<br> 
     cell: +1 418 446 2113<br> 
     tel/fax: +1 418 903 1647<br> 
     <a href="http://actforperformance.com">www.actforperformance.com</a> 
    </td> 
    </tr> 
</table> 
0

Вы попробовали готовый вариант? Такие компании, как email signature.com, обойти проблему несогласованности MSOutlook, вытаскивая таблицы и divs и отображая изображения через устаревшую HTML-метку. Это звучит архаично, но это единственный способ управлять последовательным отображением подписей - особенно с файлами логотипов.

Полное раскрытие информации: я использую их облачное решение для нашего офиса.

-2

Добавление Skype ID по электронной почте подпись: Adding Skype id to email signature

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