разрывы электронной почты html в Outlook web app

#html #email #outlook

#HTML #Адрес электронной почты #outlook

Вопрос:

Я создаю электронное письмо в формате html. это выглядит нормально в Outlook 2003, Outlook 2007, hotmail, gmail, yahoo, но в Outlook web app есть разрывы между строками. у кого-нибудь были эти проблемы с Outlook web app?

у меня есть блок отображения на изображениях, но похоже, что они удаляются.

1. Трудно сказать, не предоставив пример кода или что-то в этом роде!

2. Можете ли вы подтвердить используемые вами html и css? Думаю, я уже сталкивался с тем, через что проходите вы. Однако я хочу сначала изучить вашу оценку, прежде чем приду к выводу.

Ответ №1:

Это было исправлено путем переноса элементов в <span style="display:block"></span>

Например:

 <a href="http://www.url.com">

  <img src="example.jpg" />

</a>

становится

 <a href="http://www.url.com">
 <span style="display:block;">
  <img src="example.jpg" />
 </span>
</a>

но это необходимо сделать со всеми поврежденными элементами

1. Да, что вы имеете в виду? У меня аналогичная проблема, когда в OWA есть разрыв между строками таблицы … но ТОЛЬКО в Firefox и ТОЛЬКО в том случае, если сообщение находится в другой папке, кроме папки «Входящие». (Я точно знаю, долбаный Microsoft.)

Ответ №2:

Удаляются различные стили, поэтому встроенный стиль НЕ будет работать с изображениями в OWA.

Вот простой пример того, что Билл Ящерица тоже имел в виду:

<span style="display:block"><img src="myFancyImage.gif"/></span>

Без приведенного выше кода может показаться, что дополнительные отступы / поля создают пространство между таблицами и строками / столбцами таблицы …. в основном проблема, которая привела вас на эту страницу.

Ответ №3:

Используйте этот встроенный css

 <span style="margin:0; padding:0; display:block;"><img src="myFancyImage.gif"/></span>

Ответ №4:

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

Display: block всегда выделялся, независимо от того, заключал ли я изображение в теги span или font.

В конце концов, я обнаружил, что перенос изображения в DIV со встроенной шириной и высотой решил проблему. Я думаю, потому что DIVs уже являются блочными элементами, и, похоже, единственными стилями, которые OWA не выделяет, являются width и height.

например

 <td width="475" height="73" valign="top" bgcolor="#e9e9e9">
<div style="display:block;width:475px;height:73px"><img src="../images/email/email_02.jpg" alt="Three Barrels" width="475" height="73" style="display:block;border:none;outline:none;line-height:0;float:left;" /></div>
</td>

Ответ №5:

Я попробовал исправить выше, и это не сработало, но это сработало для меня:

Я только что добавил этот код в начало кода электронной почты.

 /* FIX FOR OWA */       
.bdyItmPrt img { display:block !important; }