2
Я только что купил услугу WiseStamp для шаблонов подписи электронной почты. Когда я тестирую шаблоны в Outlook2010, они не отображаются должным образом, infact форматирование безнадежно!Основные проблемы с HTML-сигнатурой и перспективой 2010
Может кто-нибудь, пожалуйста, взгляните на мой код? Он отлично работает в веб-браузере и идеально подходит в Thunderbird, и это сводит меня с ума!
<div style="font-family: sans-serif; line-height: 15px; width: 440px; empty-cells: show;">
<div style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; border-bottom-color: #B8B8B8; border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 4px; width: 440px; empty-cells: show;"><span class="text-color" style="font-family: arial,helvetica,sans-serif; font-size: 17.3333px; font-weight: bold; line-height: 21px; text-transform: capitalize; color: #eb1c23; border-color: #eb1c23; empty-cells: show;">Guy Rogers</span><img style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; height: 50px; width: 200px; display: block; float: right; empty-cells: show;" src="http://bn1.so/radarone/radaronelogo.png" alt="" /><br style="font-family: sans-serif; line-height: 15px; text-transform: capitalize; width: 0px; empty-cells: show;" /> <span style="font-family: arial,helvetica,sans-serif;">Director , Radar One Ltd</span> </div>
<table style="font-family: sans-serif; line-height: 15px; width: 440px; empty-cells: show; border-color: #000000;" border="0">
<tbody style="font-family: sans-serif; line-height: 15px; width: 436px; border-spacing: 2px 2px; empty-cells: show; border-color: #000000;">
<tr style="font-family: sans-serif; line-height: 15px; width: 436px; border-spacing: 2px 2px; empty-cells: show; border-color: #000000;" valign="top">
<td style="font-family: 'Times New Roman',georgia,serif; font-style: italic; line-height: 15px; vertical-align: top; color: #828282; padding-top: 1px; padding-right: 25px; padding-bottom: 1px; padding-left: 1px; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;">
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">t.</strong> 01273 806484</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">m.</strong> 07786 546 230</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">e.</strong> [email protected]</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">w.</strong> http://www.radarone.co.uk</span></div>
<div style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #828282; width: 410px; border-spacing: 2px 2px; empty-cells: show; border-color: #828282;"><span style="font-size: small;"><strong class="text-color" style="font-family: sans-serif; font-style: italic; line-height: 15px; color: #eb1c23; border-spacing: 2px 2px; empty-cells: show; border-color: #EB1C23;">a.</strong> Albert House, 82 Queens Road, Brighton, East Sussex, BN1 3TL</span></div>
</td>
</tr>
</tbody>
</table>
</div>
Привет Adsy, спасибо за ваш ответ. Если посмотреть на CampaignMonitor, он выглядит очень находчивым, и я, конечно же, буду читать еще, поскольку я пытаюсь освежить свой HTML-код для электронных снимков и других маркетинговых материалов! В краткосрочной перспективе я боюсь, потому что я купил эти шаблоны подписей, чтобы избежать этого на этом этапе - я очень невредим! Не могли бы вы рассказать мне пару советов о том, почему это может произойти с моим кодом? Еще раз спасибо за участие^_^ – afro
Привет, @afro, счастлив попробовать все возможное и помочь. Я не уверен 100%, но это может быть «стиль», который вы используете в своих div. Трудно сказать, глядя на то, что пойдет не так с почтовыми клиентами и кодированием, поскольку они меняются, и я знаю, что Outlook имеет тенденцию играть с некоторым кодированием (я знаю это недавно, используя Outlook для форм электронной почты). все, что я знаю, это то, что некоторые CSS и html-коды имеют тенденцию играть, поэтому никогда не переходите к тому, как выглядит ваш браузер. Это случай проб и ошибок. Также, как никто другой не ответил, не могли бы вы проголосовать за мой ответ как лучший выбор? :) – SaturnsEye
Привет @Adsy, спасибо за ваш ответ! Вот ссылка на html-файл, чтобы вы могли видеть, как он выглядит в браузере. Меня удивляет, что Outlook настолько сложный по сравнению с другими почтовыми клиентами для HTML, но большинство компаний используют Outlook на обмене ms, поэтому совершенно неожиданно, что так сложно получить встроенную подпись html! Я обязательно проголосую за ваш ответ, просто нужно выяснить, как это сделать;) – afro