Нежелательные табличные пространства в Outlook 2007 - PullRequest
Новая
       40

Нежелательные табличные пространства в Outlook 2007

1 голос
/ 04 января 2012

Я кодирую новостную рассылку в табличном формате, который должен быть совместим (главным образом) с каждым почтовым клиентом, но Outlook 2007 добавляет пробелы в 1 пиксель к каждому изображению, которое находится в одной строке с текстовыми элементами.

Я установил border-collapse: collapse, cellpadding="0" и cellspacing="0" на столе и style="font-size:1px; line-height:0;" на TD, но это не работает. IMGs display:block. Также установка valign="bottom" на верхнем элементе и valign="top" на нижнем элементе не сработала.

Вот моя скрипка: http://jsfiddle.net/ycpNK/9/ - Красные и зеленые квадраты - те, на которые влияет расстояние. Вы можете воспроизвести эту ошибку в Outlook 2007.

Кто-нибудь знает, как избавиться от пробелов?

1 Ответ

1 голос
/ 04 января 2012

Если я правильно помню, настройка display:block на изображении исправляет это поведение. Так что попробуйте: 

<img src="myimage.jpg" width="100" height="20" style="display:block;" />

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

Под «удалить ненужные пробелы» я имею в виду, если у вас есть это: 

<td> *here there may be several spaces and a return character*
    <img src="foo.gif" />
</td>

Замените его следующим: 

<td><img src="foo.gif" /></td> *no unnecessary spaces or returns*

Трудно диагностировать проблему, не видя html, но это исправило некоторые мои ошибки макета.

...