Какая альтернатива марже в электронной почте HTML? - PullRequest
Новая
       14

Какая альтернатива марже в электронной почте HTML?

5 голосов
/ 20 октября 2011

Hotmail не поддерживает поля в электронных письмах HTML. Есть ли альтернатива?

Ответы [ 3 ]

6 голосов
/ 20 октября 2011

Я бы предложил использовать таблицы и играть с шириной столбцов. HTML-письма иногда лучше с таблицами. Кроме того, вы можете взглянуть на электронное письмо, которое у вас есть, и проверить исходный код.

Поскольку этот ответ кажется немного расплывчатым, я также хотел бы указать на очень полный ответ , который более подробно охватывает html-письма.

Примечание:

Когда дело доходит до электронной почты HTML, обратите внимание, что все лучшие практики веб-разработки выходят за рамки.

2 голосов
/ 20 октября 2011

Вот пример использования таблиц: 

<table border="0" cellspacing="0" cellpadding="0" align="left" style="width:600px;margin:0 auto;background:#FFF;">
    <tr>
        <td colspan="5" style="padding:15px 0;">
            <h1 style="color:#000;font-size:24px;padding:0 15px;margin:0;">Header</h1>
        </td>
    </tr>
    <tr>
        <td style="width:15px;">&nbsp;</td>
        <td style="width:375px;">
            Left Column Content
        </td>
        <td style="width:15px;">&nbsp;</td>
        <td style="width:180px;padding:0 0 0 0;">
            Sidebar Content
        </td>
        <td style="width:15px;">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="5" style="padding:15px 0;">
            <p style="color:#666;font-size:12px;padding:0 15px;margin:0;">Footer</p>
        </td>
    </tr>
</table>

Live here http://jsfiddle.net/Wr76m/

1 голос
/ 23 июня 2016

Мне удалось сойти с прозрачных горизонтальных полос, используя отступы для изменения высоты. Например: 

<hr style="border: transparent; padding: 1px;">
...