Как решить свойства изменения макета клиента Outlook?

Question

Я создал eDM для клиента, который хочет, чтобы он отправлялся только из клиента Outlook для настольного компьютера. У меня есть некоторые проблемы с CSS или, вернее, я не знаю, в чем ошибка. Когда я открываю eDM в веб-браузере, все было в порядке, и даже вставляю код в клиент Outlook, но когда я получаю сам eDM, компоновка CSS имеет небольшое изменение.

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

Это изображение показывает результат после того, как я отправил и получил

Как вы можете видеть разницу между строками там Как я могу решить эту ошибку? вот мой код для этой части. Я использую Outlook 2013 Спасибо

<table class="content" style="text-align: left; border-collapse:collapse;" width="240" cellpadding="0" cellspacing="0">
                            <tr class="grad" style="display:block;">
                                <td background="http://i1042.photobucket.com/albums/b423/Zayle_Ong/Whats%20new_zpsocpwuf08.png" height="36" valign="top" style="background-repeat: no-repeat; overflow:hidden;width:242px;display:block;">
                                    <!--[if gte mso 9]>
                                    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:240px;height:36px;background-color:white;background-repeat: no-repeat;">
                                      <v:fill type="frame" src="http://i1042.photobucket.com/albums/b423/Zayle_Ong/Whats%20new_zpsocpwuf08.png" color="#E7E7E9" border="0" />
                                      <v:textbox inset="0,0,0,0">
                                    <![endif]-->

                                    <table style="color: white; font-size: 15px; display:block; Margin-left:12px;" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="0" height="4" style="line-height:1px;font-size:1px;">
                                                <font style="font-size:1px;display:none !important;display:none;">&nbsp;</font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>What's New</td>
                                        </tr>
                                    </table>
                                    <!--[if gte mso 9]>
                                      </v:textbox>
                                    </v:rect>
                                    <![endif]-->
                                </td>
                            </tr>

Answer 1

К сожалению, ответ на этот вопрос заключается в том, что почта клиента Outlook не поддерживает фоновые изображения, а поддерживает только самые основные HTML-коды CSS. Говоря, что использовать встроенный стиль.

Решение иметь редактируемый текст поверх изображения, чтобы установить простые цвета фона.