Question

我试图制作一个html电子邮件，背景中有一个jpg，上面有一个jpg，顶部的那个是一个链接，但是我只能得到顶部的图片出现在我的主要部分并且它的位置不在哪里我想要它，这是代码，它作为一个普通的HTML页面完美地工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- InstanceBegin template="/Templates/cmcb.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Chamerlain McBain</title>
    <div class="wholepage">
        <div class="header">
            <div class="logo" style="width: 990px; height: 990px">
                <div class="headerimages">
                    <div style="position:absolute;  top:0px; style=" width:
                    28px; height: 28px;">
                    <img src="http://www.mockcourt.org.uk/CMCB%20Campaign%20Aug12.jpg" width="990" height="990"/></a>
                </div>
                <div class="headerimages">
                    <div style="position:absolute; left:142px; top:564px; style=" width:
                    28px; height: 28px;">
                    <a href="http://www.mockcourt.org.uk">
                        <img src="http://www.mockcourt.org.uk/here.jpg" width="88" height="50"/></a>
                </div>
                </body>

Answer 1

对于HTML电子邮件，尽管我不愿意这么说，table layouts are your friends。

电子邮件客户端的表格比CSS样式更加一致，因此如果您希望支持大多数客户，我建议使用这些表格。

正如一些评论也指出的那样，我建议清理HTML以使其有效。这也有助于电子邮件客户端能够理解您的代码。

Answer 2

HTML电子邮件与Web HTML非常不同，然后事件各种客户端--Outlook，Notes，Hotmail - 都处理得有点不同。

这里有一些资源可以帮助您正确设计电子邮件。

设计指南 - http://24ways.org/2009/rock-solid-html-emails
支持的css - http://www.campaignmonitor.com/css/

简单的HTML电子邮件不那么简单

2 个答案: