MailChimp HTML电子邮件模板扩展了表行的部分背景

问题描述 投票：0回答：1

我正在编码自定义电子邮件模板HTML / CSS，我需要复制附件图像。我的问题是关于蓝色背景颜色元素的，它超出了两行表格，一个是“欢迎来到家庭”，另一个是包含视频。我该如何实施？

<!-- BEGIN MODULE: BODY CONTENT // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" valign="top">
   <tr>
      <td valign="top" style="background-color:#1D75B9; border:0;">
         <h2 style="margin:40px 20px; text-transform:capitalize; text-align:center;">Welcome to the family!</h2>
      </td>
   </tr>    
   <tr>
      <td valign="top">*|YOUTUBE:[$vid=fj77lSG6Bl8, $max_width=500, $ratings=N, $views=N, $border=N, $title=N, $trim_border=N]|*
      </td>
   </tr>
</table>
<!-- // END MODULE: BODY CONTENT -->

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9XdkxBci5qcGcifQ==” alt =“要编码的电子邮件图像”>

任何做同样事情的例子对我都会有帮助。

谢谢

html css email html-email mailchimp
1个回答
-1
投票

您可以这样做：


<body style="margin:0px; padding:0px;">
        <div align="center">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" valign="top">
                   <tr>
                      <td valign="top">
                        <img src="WvLArjpg6991210.png">
                      </td>
                   </tr>    
                   <tr>
                      <td valign="top">
                        <img src="second.png" width="461">
                      </td>
                   </tr>
                </table>
            </div>
    </body>

enter image description here

enter image description here

您已将图像切成小块并在<tr><td><img src></td></tr>中使用

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.