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

Question

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

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

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

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

Answer 1

Если я правильно помню, настройка 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, но это устранило некоторые из моих ошибок макета.