html перерывы в работе электронной почты в веб-приложении Outlook

Question

Я создаю HTML-письмо. в outlook 2003, outlook 2007, hotmail, gmail, yahoo он выглядит хорошо, но в веб-приложении outlook есть разрывы между строками. У кого-нибудь были такие проблемы с веб-приложением Outlook?

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

Answer 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>

но нужно сделать на всех сломанных элементах

Answer 2

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

Дисплей : блок всегда был чередующимся, независимо от того, обернул ли я изображение в теги span или font.

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

, например

<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>

Answer 3

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

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

Answer 4

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

Вот простой пример того, на что ссылался Билл Ящерица:

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

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

Answer 5

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

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

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