2015-03-31 5 views
1

У меня возникли проблемы с составлением фирменной электронной почты, которая визуально согласована между разными почтовыми провайдерами.Согласование электронной почты электронной почты в Outlook.com

Я использовал различные онлайн-руководства (перечисленные в конце этого письма), но у меня все еще есть одна последняя проблема, с которой я не могу справиться.

В Outlook.com высота стола, по-видимому, распространяется слишком далеко вниз, как видно из приведенного ниже сравнения (обратите внимание на красную маркировку).

Прогноз 2013:

Outlook Signature

Outlook.com:

Outlook.com Signature

HTML:

<table border="0" cellspacing="0" cellpadding="0" height="118"> 
<tr> 
    <td align="left" width="202" height="118" style="padding:0px 10px 0px 0px; margin:0px 0px 0px 0px;line-height:0px; margin-bottom:0px; border-right-color:#005f6b; border-right-width:1px; border-right-style:solid; margin-bottom:0px;"><img src="http://i.imgur.com/ClMZi3M.gif?1" width="202" height="118" alt="My Logo"></td> 
    <td align="left" style="padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; margin-bottom:0px;" height="118"> 
     <p style="font-family:'Calibri','tahoma','sans-serif'; font-size:13px; line-height:19px; color:#262626; margin:0px 0px 0px 0px; padding:0px;margin-bottom:0px;"> 
      <font style="font-size:15px;"><b>Joe Soap</b> | Senior Developer</font> 
      <br/> 
      Telephone: <a href="skype:CompanyName?+27 21 777 7777" style="color:#005f6b; text-decoration: none;">+27 21 777 7777</a> 
      <br/> 
      Mobile: <a href="skype:Joe Soap?+27 88 888 8888" style="color:#005f6b; text-decoration: none;">+27 88 888 8888</a> 
      <br/> 
      Address: <font style="color:#005f6b">Some Address, 7700, Cape Town, South Africa</font> 
      <br/> 
      Website: <a href="#" style="color:#005f6b; text-decoration: none;">www.somecompany.com</a> | <a href="#" style="color:#005f6b; text-decoration: none;">www.anotherdomain.com</a> 
      <br/> 
      Email: <a href="mailto:[email protected]" style="color:#005f6b; text-decoration: none;">[email protected]</a> 
     </p> 
    </td> 
</tr> 
</table> 

Кто-нибудь знает, что это может быть?

+3

Нет проблем с моей учетной записью Outlook. Вместо того, чтобы устанавливать 'height =" 118 "' try' style = "max-height: 118px;" 'на' table' и удалить атрибут 'height' из' td'. –

+1

@AoN: Я попробовал это сейчас. К сожалению, такая же проблема – davenewza

+1

Поскольку я немного поиграл с подписью, я заметил, что «Outlook.com» заменял пробелы « », что вызвало дополнительный интервал. Попробуйте удалить все пробела между тегами (Минимизировать код), так что это будет что-то вроде '

' (без пробелов и каких-либо разрывов строк). –

ответ

0

Что вы видите, это функция увеличения длины линии Outlook.com.

Что вам нужно сделать, это положить <div class="ExternalClass> после открытия и перед закрытием <body>.

в вашем <style> тега, добавьте .ecxExternalClass{line-height:100% !important;}

Outlook Гвозди «ЕКБ» перед всеми своими классами в вашем HTML и тег стиля. Если у вас уже есть ecx, он игнорирует его в теге стиля.