HTML шаблон электронной почты - PullRequest
Новая
       5

HTML шаблон электронной почты

0 голосов
/ 09 декабря 2011

Я знаю, что это немного продвигает реальность, но мне нужно задать этот вопрос ...

Можно ли иметь фиксированное фоновое изображение без повтора и с таблицей перед изображением?

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

Div не может быть и речи, он плохо работает с электронной почтой.

Изображение в основном сверху вниз от черного до светло-голубого оттенка.

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

<body style="background: transparent url(<MY IMAGE>;);">
<table align="center" border="0" cellpadding="0" cellspacing="0" width=700">
        <tbody style="text-wrap:normal;word-wrap:break-word">
            <tr>
                <td>
                    <font face="Verdana"><img height="20" src="<MY IMAGE>" style="width: 700px; height: 20px;" width="1" /></font></td>
            </tr>
            <tr>
                <td>
                    <font face="Verdana"><img height="80" src="<MY IMAGE>" style="width: 750px; height: 80px;" width="750" /></font></td>
            </tr>
            <tr>
                <td align="left" bgcolor="#FFFFFF" style="padding: 10px;">
                    <p>
                        <span style="font-size: 14pt;"><strong><span style="color: rgb(0, 0, 128);"><font face="Verdana">Place Heading here.</font></span></strong></span><br />
                        <br />
                        <span style="font-size: 10pt;"><span style="font-family: arial,helvetica,sans-serif;">Place text here.
                        Place text here.Place text here.
                        <br />
                        <br />
                        </span></span></p>
                </td>
            </tr>
            <tr>
                <td>
                    <font face="Verdana"><img height="90" src="<MY IMAGE>" style="width: 750px; height: 90px;" width="750" /></font></td>
            </tr>
            <tr>
                <td align="left" bgcolor="#83B5D4" style="font-size: 9px; color: rgb(255, 255, 255);">
                    <font face="Verdana"><img height="10" src="<MY IMAGE>" style="width: 10px; height: 10px;" width="10" /></font></td>
            </tr>
            <tr>
                <td align="center" bgcolor="#162C76" style="padding: 10px;" valign="middle">
                    <font color="#FFFFFF" face="Verdana" style="font-size: 10px; line-height: 1.5em;">Tel: +27 11 454 1074 | Fax: +27 11 454 1073 | <a href="mailto:support@psiber.co.za" style="color: rgb(255, 255, 255); text-decoration: none;">support@psiber.co.za</a> | <a href="http://cts.vresp.com/c/?PSIberSolutions/45620e101d/TEST/b2198ee889" style="color: rgb(255, 255, 255); text-decoration: none;" target="_blank">www.psiberworks.com</a><br />
                    15 Seventh Avenue, Edenvale, 1610</font></td>
            </tr>
        </tbody>
    </table>
</body>

1 Ответ

0 голосов
/ 09 декабря 2011

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

Фоновые изображения являются проблемой во многих браузерах электронной почты.Однако вы можете «взломать» их в Outlook 2007, если вам действительно нужно - http://emailmarketingvoodoo.com/blog/post/outlook-2007-can-now-render-background-images/

...