2014-09-30 4 views
2

Я иду абсолютно безумно. У меня есть таблица, которую я упростил до двух соседних ячеек с одним изображением каждый (изображения являются частью более крупного изображения, поэтому между ними не может быть никакого интервала). Я получаю некоторый интервал или дополнение между ячейками таблицы, только слева и справа, а не сверху или снизу. Я пробовал все, что я могу найти на форумах, как встроенный HTML, а также встроенный CSS стиль, в том числе:Удалите интервал/отступы между <TD> с изображениями в них, в OUTLOOK 2007

cellpadding="0" 
cellspacing="0" 
border="0" 
align="left" 

display: block; 
display: inline-block; 
display: inline-table; 
border-collapse: collapse; 
border:none; 
mso-table-lspace:0; 
mso-table-rspace:0; 
width:403px!important; 
padding-left: 0px; 
padding-right: 0px; 
padding: 0 0 0 0; 
margin: 0 0 0 0; 
margin-left: 0px; 
margin-right: 0px; 

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

<table align="left" border="0" cellpadding="0" cellspacing="0" style=" 
border:none; 
border-collapse:collapse; 
background-color:magenta; 
font-family:Verdana, Geneva, sans-serif; 
font-size:12px; 
line-height:15px; 
color:#4A4A4A; 
width:403px!important; 
mso-table-lspace:0; 
mso-table-rspace:0; 
"> 
    <tr> 
     <td width="211"> 
      <img src="http://s3.amazonaws.com/cms_assets/accounts/3ceae742-b87e-4bdc-a6b3-2bcfc1c5c2d7/site-30100/cms-assets/images/457997.seal-bar-gold.png" width="211"/> 
     </td> 
     <td width="192"> 
      <img src="http://s3.amazonaws.com/cms_assets/accounts/3ceae742-b87e-4bdc-a6b3-2bcfc1c5c2d7/site-30100/cms-assets/images/569397.seal-bar-silver.png" width="192"/> 
     </td> 
    </tr> 

</table> 
+0

Вы должны сделать скрипку. –

+0

Кажется, что второе изображение имеет несколько прозрачных пикселей с правой стороны. Это может вызвать очевидные проблемы с интервалом. [Демонстрация здесь] (http://jsfiddle.net/q1ourw0q/). – showdev

+0

Возможно, у Outlook есть правила рендеринга, которые не позволят вам делать то, что вы делаете? http://templates.mailchimp.com/development/css/outlook-conditional-css/ –

ответ

0

<img> это встроенный тег, по умолчанию, поэтому у нас есть пространство под ним. Вы можете установить font-size: 0px; для родителя для предотвращения пустого места или установить display: block; на <img> (мой выбор). My solution и article about this behaviour