У меня возникла проблема с составлением HTML-письма, которое будет правильно отображаться в Outlook, изначально я получил все, что отлично работает, используя элементы списка и стиль в виде списка Свойство, но это не поддерживается в Outlook.Ширины столбцов таблицы не соблюдаются
В принципе, у меня есть таблица с двумя рядами в ней, а с левой стороны - 11-пиковое изображение, используемое в качестве настраиваемой маркерной точки, а с правой стороны - некоторый текст.
Моя проблема неважно, что я делаю Я не могу получить столбец слева, чтобы поддерживать ширину 11 пикселей, а столбцы ВСЕГДА разбиваются поровну по середине таблицы. Помоги пожалуйста?
HTML
<table>
<tr>
<td>
<img src="Small Image" />
</td>
</tr>
<tr>
<td class="red">
<h4>
TEXT
</h4>
</td>
</tr>
<tr>
<td class="webinar">
<table>
<tr>
<td class="left">
<img src="/Bullet.png" />
</td>
<td class="right">
<p>
TEXT
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
CSS
td.webinar .left {
width:11px;
vertical-align:top;
padding:0px
margin:0px
}
td.webinar .right {
width:144px;
vertical-align:top;
padding:0px
margin:0px
}
td.webinar {
background-color:#ccc6d2;
border:1px solid #313131;
padding-top:8px;
padding-bottom:10px;
}
Я пробовал, что это не работает ._. Я написал тонны электронных писем с стилем CSS в них, и все они до сих пор оказались прекрасными, я понятия не имею, почему это расщепляется по середине. Это раздел Class = "Webinar", который является проблемой – Bob
только в Outlook? – FalcoB
Он отлично отображает Chrome, Firefox и IE, так что да, просто в Outlook, но я не понимаю, почему что-то простое, как наличие двух столбцов с разной шириной, отказывается работать – Bob