javascript - 将图像适合双表(mailChimp)

标签 javascript html-email mailchimp

我希望我的图片填满整个表格,但我无法做到,因为我似乎有单元格和双表。 你能帮我弄清楚我的代码出了什么问题吗? 它在 mailChimp 上,但我自己编码,因为我想要一个可链接的图片和一个可链接的按钮。 所以我希望我的照片覆盖整个 table ,甚至包括联系我们按钮(我已经知道它不是中心,但这是我最近能够处理的另一点)。 预先感谢您的帮助。

<table border="0"cellspacing="0" cellpadding="0">
<td align="center" valign="middle" style="padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;"> </td>
<div class="mcnImage">
<a href="https://www.immeractive.com" target="_blank"> <img src="https://www.immeractive.com/wp-content/uploads/Immeractive_MailChimp.jpg" alt="Visualization3D_immeractive" title="Immeractive_ContactUs" height="100%" width="100%" class="emailImage" style="display:block;"style="vertical-align: baseline;"/> </a>
<style type="text/css">
    @media only screen and (max-width: 480px){.emailImage{ height:auto !important; max-width:400px !important; width: 400px !important;};"vertical-align: baseline </style>
<table border="0" cellpadding="0" cellspacing="0" class="emailButton" style="border-radius:95px; background-color:#4bb5c6;">
  <tr>
    <td align="center" valign="middle" class="emailButtonContent" style="padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px;">
      <a href="mailto:info@immeractive.com?subject=Information e-mail" email="" me="" target="_blank" style="color:#FFFFFF; font-family:Open sans; font-size:15px; font-weight:Regular; text-decoration:none;">CONTACT US</a>
    </td>
  </tr>
</table>
</div>

最佳答案

有几个问题:

  1. 第一个<table>包含 <td>立即。
    您必须输入 <tr>之间<table><td> (然后用 </tr> 关闭它)。
  2. 您有 <div>直接在第一个<table> ,但这是不允许的;它只能位于 <td> 的内部,或不在表格内。也许您不小心关闭了<td>太早出现,或者您忘记添加新的 <td> .
  3. <style> 的内容 block 在语法上是错误的:有两个开头 { 大括号,但只有一个结束 } 大括号,似乎也放得太早了,因为它后面有奇怪的文本。

关于javascript - 将图像适合双表(mailChimp),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55118714/

相关文章:

javascript - Mailchimp Ajax 重定向

javascript - 使用 css :not[value =""] 在 vuejs 中输入值

javascript - Node Jest 在函数中模拟函数

javascript - jQuery 验证插件 - 基于选中的单选按钮的最小文本输入量

html - 什么是 MSO? [电子邮件模板 Outlook HTML]

api - 如何通过 API 在 MailChimp 模板中设置可编辑图像

javascript - 在使用 map.fitBounds 之前如何确定 LatLngBounds 的缩放级别?

html - 减少 outlook 中 tr 元素之间的间距

html - 如何使用@Media 查询

ruby-on-rails - 不能对现有成员使用 upsert