标签: html-email
如何将桌子放在桌子上的桌子上
我正在与 html 客户端对 CSS 的不良支持作斗争，我需要做一个带有表格布局的电子邮件模板。我只是无法在表格中正确放置和对齐表格。我用 valign 等尝试过，但这不起作用......
如何将一张桌子放在另一张桌子的顶部和中间？
为了说明我已经发布了这个小提琴：http : //jsfiddle.net/eabJh/1/
该<td >Another nested table</td>是在中间位置，而不是在顶部，但在中间。
这是我的 html：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body style="background-color: black">
<table background="http://i3.mirror.co.uk/incoming/article276604.ece/ALTERNATES/s615/tweet-that-ricky-gervais-jibe-at-mongs-pic-twitter-com-rickygervais-132840776.jpg" width="810" border="20" bordercolor="white" style="border-style:solid; border-spacing:0px; border-collapse:collapse">
<tr style="height:400px">
<td>test
<table width="380" cellspacing="0" cellpadding="2" align="center" border="0">
<tr>
<td >Another nested table</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
</html>
推荐指数
解决办法
查看次数
HTML 电子邮件 - TD 悬停以更改背景颜色不起作用
我的代码笔：http ://codepen.io/leongaban/pen/iJBrn
请注意，这不适用于常规网页，我正在构建 HTML 电子邮件，但是对于现代浏览器/电子邮件客户端，拥有简单的翻转颜色（无 javascript）会很好。不知道为什么我的悬停不起作用。
我正在使用从我迄今为止发现的其他 TD 悬停 stackoverflow 问题中找到的代码。
td.blue-button:hover {
background-color: #267aa6;
}
你会如何创造这个？
推荐指数
解决办法
查看次数
HTML 电子邮件 - 表格行之间的空白
我正在制作一组电子邮件明信片，但遇到了某些版本的 Outlook 和 Gmail 在某些（但不是全部）表行之间创建不需要的空格的问题。
我对 HTML 电子邮件编码相当陌生，需要帮助进行故障排除 - 谁能告诉我需要更改代码中的哪些内容才能解决此问题？
这是我的测试页面： http://www.kristi.net/holidaycards/card_test.html
下面是显示 Outlook 中问题的屏幕截图： http://i43.tinypic.com/34ezrc3.gif
这些客户受到影响：
Outlook 2007
Outlook 2010
Outlook 2013
Gmail (Android)
Gmail (资源管理器)
Gmail (Chrome)
另外，想让您知道，用户将在浏览器中打开 HTML，然后将内容复制粘贴到电子邮件客户端 (Outlook) 中，然后自定义文本并发送消息。
推荐指数
解决办法
查看次数
Mailchimp：设计视图中的可编辑链接，如何更改它们？
我创建了一个带有可编辑区域的模板，它就像一个魅力，
要点是我需要定义几个不同的链接，以便可以针对每个活动更改它们，
我试过：
<a href="*|CUSTOM_URL1|*">A link</a>
<a href="*|CUSTOM_URL2|*">A link</a>
<a href="*|CUSTOM_URL3|*">A link</a>
<a href="*|CUSTOM_URL4|*">A link</a>
但在预览模式下我无法选择编辑此链接，
知道如何为每个广告系列设置此自定义 URL 值吗？
推荐指数
解决办法
查看次数
强制长 URL 中断，响应 div 宽度为 100%，用于 html 电子邮件
我正在尝试创建响应式 html 电子邮件，我有以下一行包含两个表数据，其中一个包含一个很长的 URL，另一个包含一个图像。我已经尝试了一切，使 URL 响应中断，但它在 Outlook.com、Outlook 2011、iphone 4s 和 iphone5 中不起作用。问题是什么？
<td style="padding:0px 30px 0px 10px;max-Width: 500px; height:auto;display: inline-block; word-break: break-all;">
<div style="padding:0px 0px 0px 10px;width:100%;height:auto;font-size:12px;color:#999999; text-align:left; border: solid #999999 1px; line-height: 1.1em;word-wrap: break-word;-ms-word-break: break-all;word-break:break-all; word-break:break-word;-webkit-hyphens: auto; -moz-hyphens: auto;-ms-hyphens:auto; hyphens: auto;">
<pre><code><p style=" word-wrap: break-word;">
<a href="https://www.google.com/url?q=http://www.hi.com?utm_source%3Dexpert%2520sium%3Dexpert%2520badCNQcMIQSH8F4dPpFoA" rel="nofollow"><img src="h1.png" alt="Expert"width="125px" height="125px"></a>
</p></code></pre>
</div>
</td>
<td><img></td>
推荐指数
解决办法
查看次数
href 标签在 Outlook 2013 中不起作用
对于我的生活，我不明白为什么我的 href 标签在 Outlook 2013 中不起作用。我在同一个 html 文件中还有其他以相同方式编写的锚标签。似乎href标签被完全剥离了。它们适用于所有其他电子邮件客户端，除了 Outlook 2013。有什么我可能遗漏的吗？任何帮助表示赞赏。
<table align="center" class="inner">
<tr>
<td align="left" width="65"> <a href="https://facebook">
<img src="./img/social-fb.png" width="65" style="display:block;">
</a> </td>
<td align="left" width="65">
<a href="https://www.instagram.com/">
<img src="./img/social-in.png" width="65" style="display:block;"></a>
</td>
</tr>
</table>推荐指数
解决办法
查看次数
在按钮的前景中不尊重填充
我有一个带填充的锚链接：
<a href="http://my.cris.dev:3008/services/3/viewer" style="text-decoration:none; background-color:#137191; color:#fff; display:block; padding:16px 16px 16px; font:100 16px/16px "Cabin",Arial, Helvetica, sans-serif; letter-spacing:0.025em; border-radius:4px;">Discover your 3D</a>
但是 Outlook 不尊重这个填充，它只是被删除了，什么是不搞乱其他客户端设计的最佳解决方案。
推荐指数
解决办法
查看次数
Outlook 2007、2010、2013 和 2016 中的按钮
我在我正在编码的电子邮件的按钮内得到了这个笔画。它只出现在 Outlook 2007、2010 和 2013 中，我不知道如何删除它？有任何想法吗？
代码：
`<a href="http://buttons.cm" style="color: #ffffff; background: #a52023;
border: 1px solid #a52023; display: inline-block; font-family: tahoma;
font-weight: 900; letter-spacing: 2px; font-size: 16px; border-radius: 80px;
line-height: 60px; text-align: center; text-decoration: none; width: 275px;
-webkit-text-size-adjust: none; mso-hide: all;">GET FREE WORKWEAR</a>`
推荐指数
解决办法
查看次数
如何在 html 电子邮件中的 Outlook 2007、2010、2013 上使用不显示
我试图让一些内容在桌面上不显示并在移动版本中显示。它在大多数电子邮件客户端中运行良好，但 Windows 设备上的 Outlook 07,10,13 给我带来了问题
<tr class="mobileshow yahoohide hideit" align="center">
<th>
<table border="0" cellpadding="0" cellspacing="0" align="center" >
<tr>
<th>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="https://itunes.apple.com/us/app/meijer/id583093664?mt=8">
<img src="AppStore.png" width="100" height="auto" style=" text-decoration: none; border:0px;" class="stretch hideit"/>
</a>
</td>
</tr>
</table>
</th>
<th>
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<img src="space.gif" width="10" />
</tr>
</table>
</th>
<th>
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>
<a href="https://play.google.com/store/apps/details?id=com.meijer.mobile.meijer&hl=en">
<img src="googlePlay.png" width="100" height="auto" style=" text-decoration: none; border:0px;" class="stretch"/>
</a>
</td>
</tr>
</table> …推荐指数
解决办法
查看次数
为什么这个正则表达式不匹配 VSCode 搜索和替换中的任何内容？
我正在使用 VSCode
显示我选择的搜索选项的屏幕截图：
这是我尝试使用的表达方式。它适用于其他地方，例如 regexr.com，但不适用于 VSCode...
font\-size\:\s{0,1}\d{2,2}px\;\s{0,1}
这是 HTML：
https://codepen.io/JashoowellPadderssonn/pen/WNbVVEq
我还尝试禁用所有不起作用的扩展。这是我的 VSCode 设置：
https://gist.github.com/CrocodileInAWhileAlligatorLater/409f0d9d179955ff80419a8a4506a09d
推荐指数
解决办法
查看次数
标签 统计
html-email ×10
outlook ×5
html ×4
css ×3
html-table ×2
css-tables ×1
email ×1
gmail ×1
hover ×1
line-breaks ×1
mailchimp ×1
newsletter ×1
outlook-2007 ×1
outlook-2010 ×1
outlook-2013 ×1
regex ×1
tabular ×1
url ×1
whitespace ×1
word-break ×1
word-wrap ×1