标签: html-email
HTML电子邮件使用PHP脚本
我希望以HTML格式发送电子邮件,在此电子邮件中我需要从php表单传递数据.电子邮件作为html电子邮件成功发送,但不显示从PHP VARIABLE传递的数据.
$name = "PHP TEXT";
$headers = "From: " ."mail@example.com" . "\r\n";
$headers .= "Reply-To: ". "mail@example.com" . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$message = "<html><body><h1>HTML TEXT <?php echo $name; ?></h1></body></html>";
$email_to = 'example@mail.com'; //the address to which the email will be sent
$subject = "test";
$email = "example@mail.com";
if (mail($email_to, $subject, $message, $headers)) {
echo 'sent'; // success
} else {
echo 'failed'; // failure
}
推荐指数
解决办法
查看次数
响应式设计电子邮件模板的问题(css和内联样式冲突)
我在电子邮件广告系列中遇到了一些css和内联样式的问题.
首先,我最后作弊,因为我隐藏了元素(display:none;),以便在使用@media css时以正确的顺序显示它们.这里的问题是当在桌面上显示isp(gmail)时它忽略了(display:none;)并最终在地方显示了双重内容.所以对于我使用的双重内容消失(display:none!important;)然后影响了移动版本.
我在网上看到的一些移动模板似乎没有太多测试,因为它们根本无法跨多个邮件客户端工作.
如果有人有任何建议或帮助http://www.makeyourownmarket.com/test/test-doc.html,代码在这里
推荐指数
解决办法
查看次数
HTML MAIL - outlook 2013中图像之间的1px垂直空间
它在gmail,hotmail vb中看起来很好,但我无法解决Outlook中的空间问题.它只在图像之间显示1px的空白,而只是垂直显示.任何帮助将不胜感激,谢谢.
这是我的代码.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td>
<table border="0" cellspacing="0" cellpadding="0" style="width: 700px; border-spacing: 0px; font-family: Arial; margin: 0 auto; display: block; border-collapse: collapse">
<tr>
<td>
<img src="1.jpg" alt="mail" />
</td>
<td>
<img src="2.jpg" alt="mail" />
</td>
<td>
<img src="3.jpg" alt="mail" />
</td>
</tr>
<tr>
<td>
<img src="4.jpg" alt="mail" />
</td>
<td>
<a href="#">
<img src="5.jpg" alt="mail" /></a>
</td>
<td>
<img src="6.jpg" alt="mail" /> …推荐指数
解决办法
查看次数
是否有一些新的方式来跟踪电子邮件,而不是1x1px gif,因为现在有电子邮件被撤防？
我实现发送1x1px gif的脚本,但我发送的每封电子邮件都会被撤防.我读到现在电子邮件客户端知道这种跟踪方式,并且他们用这种方式解除了消息.有人用其他任何方式吗？
推荐指数
解决办法
查看次数
为什么 HTML 电子邮件中使用表格？
我想知道为什么发送电子邮件时最喜欢使用表格。
编辑：
我正在研究http://zurb.com/ink/上的模板，发现所有东西都有表格。我喜欢使用 bootstrap，并发现 Zurb Ink 具有与 bootstrap3 类似的功能（例如响应能力）。但是，所有模板中都包含表格。
因此，我开始研究 Bootstrap 3（至少 CSS）是否可以应用于使用 PHP 发送的 HTML 邮件。我偶然发现一些文章说桌子是最好的选择。但是，我不明白为什么。
编辑：
另一篇对我有帮助的文章：为什么在 HTML 电子邮件中使用表格？。感谢@dystroy。
另一篇关于邮件样式的综合文章：http://mailchimp.com/resources/guides/email-marketing-field-guide/。
最好的！
推荐指数
解决办法
查看次数
基于HTML的电子邮件不会显示在Hotmail和Gmail中
我有一个简单的电子邮件,其主体是HTML格式.
这是简单的HTML:
<html>
<head>
<meta charset="utf-8">
<link href="http://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.ticket_holder {
width:800px;
height:480px;
background-image:url(http://www.domain.com/img/sorteos/billete_sorteo_24-07-2015.jpg);
float:left;
margin:10px auto;
position:relative;
}
.ticket_number {
width:277px;
height:60px;
text-align:center;
position:absolute;
top:290px;
left:450px;
font-size:42px;
color:#11AA00;
font-family: Titillium Web, sans-serif;
font-weight:bold;
}
</style>
</head>
<body>
<div class="ticket_holder">
<div class="ticket_number">0236</div>
</div>
</body>
</html>
现在,我将显示从Gmail帐户获取的电子邮件的内容.我认为必须存在与标题相关的问题,但不知道它应该是什么.
Delivered-To: fran@gmail.com
Received: by 10.37.71.193 with SMTP id u184csp169517yba;
Fri, 10 Jul 2015 12:10:37 -0700 (PDT)
X-Received: by 10.129.105.213 with SMTP id e204mr24861296ywc.97.1436555437024;
Fri, 10 Jul 2015 12:10:37 …推荐指数
解决办法
查看次数
如何使用在Outlook中工作的填充框？
我发现自己正在设计电子邮件HTML和CSS,我正在尝试制作一个带有彩色背景的按钮,并在Outlook 2007/2010/2013中使用文本(垂直和水平居中)周围的一些填充
<span style="background: orange;
padding: 5px 10px;">Foo bar</span>如何在Outlook中实现？
我怀疑答案涉及一个包含20世纪90年代一些弃用的HTML属性的表.
推荐指数
解决办法
查看次数
如何在没有媒体查询的情况下堆叠 3 个流体（响应式）列
我想编写一个响应式流体电子邮件模板，在其中我可以在不使用媒体查询的情况下堆叠 3 列。当宽度小于表元素的两个最小宽度之和时，我可以使用以下代码使它们浮动并堆叠。但是当宽度超过这个值时，只有第三列被堆叠，其余两列仍然是内联的。
如何在不使用媒体查询的情况下堆叠它们？如果可能的话。
table {
}
tr{
background-color: lightblue;
min-width: 160px;
}
td{
display:block;
width:33%;
background-color: green;
margin-left:auto;
margin-right: auto;
text-align: center;
padding:0px;
float: left;
min-width: 160px !important;
} <table width="100%" bgcolor="green">
<tr>
<center>
<td>1</td>
<td>2</td>
<td>3</td>
</center>
</tr>
</table>JsFiddle： https: //jsfiddle.net/o8gov8oe/
问题：
预期解决方案：
推荐指数
解决办法
查看次数
在与大多数桌面和 Web 电子邮件客户端兼容的 HTML 电子邮件中为图像添加叠加层
2017 年是否有办法在HTML 电子邮件内的主图像上显示基于图像或基于文本的叠加层，以便大多数当前桌面和 Web 电子邮件客户端正确呈现它：Outlook 2007+、Thunderbird、Mobile客户端、GMail、Outlook.com、雅虎邮箱等？
例如，它可能是一个在主图像上呈现的小播放按钮，点击后会将您带到视频网址。
推荐指数
解决办法
查看次数
转发电子邮件后电子邮件标记失去响应能力
这是我第一次使用Foundation for Emails标记电子邮件。
<row class="content-section">
<columns small="12">
<spacer size="16"></spacer>
<h3 class="title text-bold">Dear JJ,</h3>
<p class="content-text">it is your one time password</p>
<spacer size="16"></spacer>
<form data-abide class="form-primary">
<input class="input-primary input-large input-centered" type="text" value="36002117" readonly></input>
<button href="#" class="btn-primary button-center radius text-center" type="submit">Login</button>
<spacer size="16"></spacer>
<small>This one time password is valid for 5 minutes from time it is generated.</small>
</form>
<spacer size="16"></spacer>
</columns>
</row>我正在使用此服务https://putsmail.com测试电子邮件 当我直接发送此电子邮件并从移动设备测试它时，响应式工作，以及当我在浏览器响应式工作中测试它时。但是当我转发此消息时，响应不起作用。用Gmail测试过。我在其他电子邮件中测试了这种行为，没有这样的问题。有机会纠正这种行为吗？谢谢你。
推荐指数
解决办法
查看次数
标签 统计
html-email ×10
html ×5
css ×4
email ×3
outlook ×2
php ×2
email-client ×1
gmail ×1
hotmail ×1
inky ×1
outlook-2013 ×1
tablelayout ×1
zurb-ink ×1