问题标签 [electronic-direct-mail]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
80 浏览

html - HTML 电子邮件 - 旧电子邮件客户端无法正确呈现

我在 HTML 模板的开头有:

但是,当涉及到旧的电子邮件客户端时,我的 HTML 根本不会呈现,并且是空白的……我已经在 litmus 上对此进行了测试。

有什么我需要从上面添加或删除的东西,以便它也可以在旧浏览器中呈现。

谢谢

0 投票
3 回答
196 浏览

html - 如何在edm中左对齐ul?

HTML

HTML 浏览器支持这个 ul padding-left。所以浏览器没有问题。但在 Gmail 中,padding-left 样式不起作用。如何解决这个问题。

0 投票
0 回答
508 浏览

html - HTML eDM - 带有多个链接的号召性用语

我正在使用 Google Play CTA 按钮创建一个简单的 HTML eDM。我收到了一个链接到 eDM 上的应用程序的移动跟踪代码,但问题是该链接在桌面上不起作用(并且客户希望保持这种方式)。

有没有办法通过 2 个链接(一个在移动设备上,一个在桌面上)来实现 CTA,以便它根据您使用的设备进行切换?

否则,我只会在按钮下方放一个小的“不在移动设备上?单击此处”链接。

这是当前链接的代码。

干杯,

0 投票
1 回答
139 浏览

responsive-design - 响应式 eDM 问题

我目前正在为我们的业务即将举行的活动制作 eDM。我使用了专门为此而设计的响应式样板。

这是一个两列布局,当设备宽度<600px(使用媒体查询)时折叠成一列布局。

在这里你可以看到它

当我在浏览器中预览它时,它看起来很棒并且一切都按预期工作。当我在我的手机(Sony Z2 - Gmail 应用程序)上查看它时,有些事情看起来不正确。顶部的黑色横幅不是全宽。第一个“硬字”部分不是全宽的,有些文本是紫色的。

这只是gmail应用程序的问题吗?

使用我手机的默认电子邮件客户端和 iOS 看起来没问题。

抱歉,我无法发布代码,因为它破坏了堆栈溢出中的代码元素。对不起。随意检查源。

任何帮助将不胜感激!

请看下面的截图

0 投票
2 回答
2396 浏览

html - 表格宽度在 Outlook 2010 中不起作用

我为我的客户创建了一个活动 (EDM),它在移动设备、平板电脑和现代浏览器(如桌面上的 Chrome 和 Safari)中运行良好,但它在 Windows PC 上的 Outlook 2010 中不起作用。表格的宽度延伸到 Outlook 窗口的宽度,因此布局刚刚中断。

(imgs:当它在 Chrome中工作时/这就是 Outlook 2010 中发生的情况

这是我用于表格的代码:

谢谢您的帮助!

0 投票
1 回答
198 浏览

html - Outlook 2013 客户端向 css 添加额外内容?

Outlook 2013 或任何版本的桌面客户端是否存在 CSS 渲染问题?edm 中的表 td 背景图像存在此问题。如果我通过网络浏览器发送它,我的 edm 工作得非常好,但是如果我使用 Outlook 客户端,td 背景会有轻微的 css 变化,我检查它在我的 td 背景之前添加<span>的额外代码。<p>

这是工作 edm 的图像, 在此处输入图像描述 这是代码

并通过带有css的outlook客户端问题发送出去 在此处输入图像描述

代码检查,添加 css 添加 p 和 span 类 在此处输入图像描述

0 投票
1 回答
55 浏览

html - 如何解决 Outlook 客户端 CSS 布局更改属性?

我为只希望从 Outlook 桌面客户端发送出去的客户端创建了一个 eDM。我对 css 有一些问题,或者我不知道错误是什么。当我在网络浏览器中打开 eDM 时,一切正常,甚至在 Outlook 客户端中插入代码,但是当我收到 eDM 本身时,css 布局略有变化。

下图是我存档并使用网络浏览器打开的图像 在此处输入图像描述

此图显示了我发送和接收后的结果

在此处输入图像描述

如您所见,不同的是那里的行距如何解决此错误?这是我的那部分代码。我正在使用 Outlook 2013 谢谢

0 投票
0 回答
33 浏览

html-email - HTML电子邮件并排图像每张图像1-2px太宽

处理具有多个并排图像但每行具有不同数量的列/图像的电子邮件时遇到问题。我在每一行都放了一个表格,所以我不必使用 colspan,因为图像都是不同的宽度。一行中的图像越多,行越宽,即使所有行的所有图像的组合宽度相同。

在此处查看图像示例:

https://i.imgur.com/i1xmxAW.jpg

示例 HTML(请参阅 JS fiddle,因为由于某种原因,代码不会在此处正确发布):

https://jsfiddle.net/jup4xw3v/3/

电子邮件的固定宽度为 600 像素,额外的边宽在移动设备上最为显着,它会破坏电子邮件的流动。由于我们设计师的点击区域,这些行的宽度很奇怪。

无论我尝试什么,我似乎都无法以完全相同的宽度显示行。

0 投票
1 回答
31 浏览

html - HTML 电子邮件 - 电子邮件中的图像仅在某些设备上显示

在我的 EDM 中,里面有一些图像,在我的桌面和移动设备上看起来都很好。但是当我尝试发送到其他手机设备时,一些图像没有显示(未找到)。所有图像都已托管到我的服务器。我已经参考并遵循了这个模板 ,但仍然没有显示图像。

在此处输入图像描述

0 投票
1 回答
79 浏览

html - HTML 电子邮件 - href 属性未在某些设备中隐藏

在我的 EDM 中,我有:

它应该看起来像:

在此处输入图像描述

但这就是我得到的:

在此处输入图像描述