1

我正在尝试制作一个 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>
4

2 回答 2

3

谈到 HTML 电子邮件，尽管我不想这么说，但表格布局是您的朋友。

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

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

于 2012-08-03T15:49:40.923 回答
1

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

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

于 2012-08-03T15:49:53.200 回答