标签: html-email

HTML电子邮件对齐文本

我试图在HTML邮件中将文本的一部分对齐到左边的另一部分,但在Outlook中float则不起作用.所以基本上我float在Outlook中寻找CSS.我知道这听起来很令人毛骨悚然,text-align或者align=""说不起作用.有什么建议？

<td>
   <span style="text-align:left; float:left;">
       First part
   </span>
   <span style="text-align:right; float:right;">
       Second part
   </span>
</td>

Run Code Online (Sandbox Code Playgroud)

html email html-email

use*_*846

2016 06-10

17
推荐指数

2
解决办法

4万
查看次数

Facebook喜欢电子邮件按钮

好的,所以我浏览了许多不同的网站,但似乎得到了混合信息.有没有人有任何建议在HTML电子邮件活动中实现Facebook Like按钮？

我已经尝试过这篇文章了,但出于某种原因,点击之后会打开一个空白页面,而另一个像是按钮.http://emailexpert.org/adding-a-facebook-like-button-to-your-email-template/

任何帮助,将不胜感激.

email facebook html-email facebook-like

作者

lucky-day

16
推荐指数

1
解决办法

6万
查看次数

在outlook 2010中打破html电子邮件中的长词

我正在接收最终用户输入并将其插入HTML电子邮件中.但是,如果最终用户输入长URL或非常长的单词,则会通过扩展列或div超出指定的宽度来破坏Outlook 2010中的HTML布局.

在Chrome,Firefox,IE7 +和Safari中,我可以使用style ="table-layout:fixed"来强制表格列为特定宽度.但Outlook 2010忽略了这一点,并且长字将表格宽度推出超出固定宽度.

使用Div,Chrome,Firefox,IE7 +和Safari,我可以使用style ="word-wrap:break-word; overflow:hidden; width:100px"来修复div宽度.但在Outlook 2010中,它将div推出超出固定宽度.

如何让outlook2010包含长字,并尊重固定宽度？

这是我的示例HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<table width="400" style="table-layout: fixed" border="1">
    <tr>
        <td width="100">
            yo
        </td>
        <td width="300">
            Don't move me
        </td>
    </tr>
</table>
<table width="400" style="table-layout: fixed" border="1">
    <tr>
        <td width="100" style="word-wrap: break-word; overflow: hidden; width: 100px" border="1">
            yoooooooooooooooooooooooooooooooooooooooooooooooooooooo
        </td>
        <td width="300">
            Ya moved me
        </td>
    </tr>
</table>
<table width="400" border="1">
    <tr>
        <td width="100">
            <div style="word-wrap: break-word; overflow: …

Run Code Online (Sandbox Code Playgroud)

html html-email outlook-2010

Hop*_*ppe

2012 04-11

16
推荐指数

2
解决办法

2万
查看次数

HTML电子邮件中的字体颜色 - Gmail

我知道我必须使用内联CSS来设置HTML电子邮件中的任何内容,但我注意到gmail中出现了奇怪的覆盖.我试图更改表格行中文本的颜色:

<tr style='color: #000; font-size: 14px; font-family: Verdana, serif;'>

Run Code Online (Sandbox Code Playgroud)

但是当我在gmail中打开这封电子邮件时,gmail样式正在覆盖字体系列和黑色.我通过Firebug看到了这个:

在此输入图像描述

正在使用紫色而不是我想要的黑色,字体系列默认为arial,sans-serif.有没有人知道如何安全地覆盖gmail强迫我的样式？

UPDATE

我将颜色更改为非黑色,即#212a2c并且颜色更改正确,但字体系列仍然卡在arial上.

css gmail html-email

Kev*_*_TA

lucky-day

16
推荐指数

2
解决办法

4万
查看次数

阻止iPhone调整HTML电子邮件的问题

我试图阻止iPhone调整HTML电子邮件的大小以适应屏幕的问题.看来下面的代码放入该部分时没有任何效果.

我的目标只是停止字体重新调整大小.我尝试过使用-webkit-text-size-adjust:none; 内联和其他方式,都没有成功.

grealty会欣赏任何建议或替代解决方案.

@media屏幕和(max-device-width:480px){
/*fixes too big font in mobile Safari*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none; }  }       </style>
Run Code Online (Sandbox Code Playgroud)

html css iphone html-email

jsu*_*ssa

2012 08-16

16
推荐指数

2
解决办法

2万
查看次数

在电子邮件中使用协议相对URL是否安全？

关于在HTML中使用协议相对URL存在讨论[1],但电子邮件怎么样？

电子邮件客户端或Gmail等服务提供商在HTML电子邮件中使用时会剥离或修改协议相对URL吗？

[1] 我可以将所有http://链接更改为//吗？

email gmail http newsletter html-email

How*_*ard

2017 05-23

16
推荐指数

2
解决办法

4414
查看次数

HTML电子邮件正文是否可以引用作为附件发送的文件(在同一封电子邮件中)？

HTML电子邮件可以使用图像附件作为标记的来源吗？

假设我发送的电子邮件中包含每封电子邮件的特定图像 - 并且它们是作为电子邮件的附件发送的 - 电子邮件中的HTML正文可以使用这些图像吗？我的猜测是否定的,但有没有任何黑客或变通方法可以使它工作？

谢谢,

html css email html-email

Gor*_*oro

lucky-day

15
推荐指数

1
解决办法

1万
查看次数

中心在outlook.com中对齐电子邮件

我创建了一个非常简单的html电子邮件. http://staging.xhtml-lab.com/mailtest/

它在所有电子邮件客户端都运行正常,但hotmail.com/outlook.com除外

在Hotmail电子邮件中保持对齐,它应保持居中对齐.

我已经按照emailology.org的建议添加了以下代码,但它没有任何效果.

<style type=“text/css”>
/**This is to overwrite Hotmail’s Embedded CSS************/
table {border-collapse:separate;}
a, a:link, a:visited {text-decoration: none; color: #00788a} 
a:hover {text-decoration: underline;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h5,h6,.t_cht {color:#000 !important}
p {margin-bottom: 0}
.ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td {line-height: 100%}
/**This is to center your email in Hotmail************/
.ExternalClass {width: 100%;}
</style>

Run Code Online (Sandbox Code Playgroud)

有什么建议我可以做些什么来使电子邮件中心一致？

email-client hotmail html-email outlook.com

Alo*_*ain

2012 11-16

15
推荐指数

2
解决办法

3万
查看次数

背景图像在Outlook 2007及更高版本中不起作用

我制作了一个HTML电子邮件模板,在大多数电子邮件阅读器中工作正常,但背景图像没有在Outlook 2007,2010和2013中显示.我该如何解决这个问题？

这是电子邮件的HTML:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <style type="text/css">

         * {
             padding: 0px;
             margin: 0px;
             border: 0px;
             outline: 0px;

           }

         .ExternalClass {width:100%;} 
         .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} 

         body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} 
         body {margin:0; padding:0;} 
         table td {border-collapse:collapse;}   

         img {max-width:100%;}      

     </style>
 </head>

 <body>

     <table width="600" cellpadding="0" cellspacing="0" border="0" style="margin:0px auto;padding:0px;display: block;">
         <tr>
             <td>

                 <table width="97%" cellpadding="0" cellspacing="0" background="http://3.bp.blogspot.com/-cD1FNllXzaw/UXa8tPE_YGI/AAAAAAAAAQs/0GNzMQJ73jU/s1600/pink_bkg.png" style="background-image:url('http://3.bp.blogspot.com/-cD1FNllXzaw/UXa8tPE_YGI/AAAAAAAAAQs/0GNzMQJ73jU/s1600/pink_bkg.png');margin:0px auto;font-family: GothamBold, Tahoma;"> …

Run Code Online (Sandbox Code Playgroud)

outlook background-image html-email outlook-2007

Joy*_*y_S

2013 05-08

15
推荐指数

4
解决办法

7万
查看次数