相关疑难解决方法(0)

在Outlook中,css填充不起作用

我在电子邮件模板中有以下html.

我在MS Outlook和gmail中获得了不同的视图.

<tr>
    <td bgcolor="#7d9aaa" style="color: #fff; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding: 12px 2px 12px 0px; ">
    <span style="font-weight: bold;padding-right:150px;padding-left: 35px;">Order Confirmation </span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span style="font-weight: bold;width:400px;"> Your Confirmation number is {{var order.increment_id}} </span></td>
</tr>

Run Code Online (Sandbox Code Playgroud)

在gmail中

在展望中

如何解决这个问题？

html css email outlook outlook-2010

Muk*_*esh

lucky-day

46
推荐指数

7
解决办法

12万
查看次数

Outlook中的HTML电子邮件

我正在用html制作电子邮件模板,它在苹果电子邮件客户端,gmail,hotmail和windows mail 2006中运行良好.它在outlook中不起作用,它延伸出来,字体系列不起作用,因为它延伸了它不以页面为中心.

这是我的代码;

<!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" />
<meta name="viewport" content="initial-scale=0.5">
<meta name="format-detection" content="telephone=yes">
<title>Untitled Document</title>
<style type="text/css">
body {
    margin:                     0; 
    padding:                    0; 
    width:                      100% !important; 
    overflow-y:                 hidden; 
    background-color:           #ffffff; 
    -webkit-text-size-adjust:   100%; 
    -ms-text-size-adjust:       100%; 
    font-family:                Helvetica;
    vertical-align:             top;
    border-spacing:             0px;
}
ul, ol, dl { 
    padding:                    0;
    margin:                     0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top:                 0;  
    padding-right:              0px;
    padding-left:               0px; 
}
a img …

Run Code Online (Sandbox Code Playgroud)

html email outlook

Jan*_*ane

lucky-day

11
推荐指数

2
解决办法

3万
查看次数

html中的保证金无法在Outlook中使用

我正在开发一个电子邮件模板,其间距是动态的,所以我把这个位置作为保证金,

对于Eg:

<td width="264px" bgcolor="#9ac5db" style="font-family:arial;font-size:12px;color:#000000;padding: 10px 5px 30px;" valign="top">

<div name="nltitle" id="nltitle" style="font-family:arial;font-size:14px;color:#000000;display:block;text-align:center;margin:15px 0px 15px 0px;"><b>Test App</b></div>

<hr width="100%" color="#ffffff" size="3px">

 <div style="margin:10px 10px 30px 10px;text-align: left">

 Test App      

</div>

   </td>

Run Code Online (Sandbox Code Playgroud)

这里我使用了padding和margin来动态设置空格,但它在outlook中不起作用.我该如何解决这个问题？任何帮助都非常感谢.

干杯,

乔治

html css email outlook margin

Geo*_*iju

2013 12-03

6
推荐指数

1
解决办法

2万
查看次数