gmail

时间:2018-03-26 11:39:10

标签: html css gmail signature

我使用Thunderbird作为我的主要工作邮件客户端。我刚刚创建了一个新的HTML签名,它在Thunderbird,Opera和在线HTML查看器中正确显示,但在GMail上没有。如果有人能指出我的问题是什么,我将非常感激。我附上了.html签名文件。

编辑:我意识到我没有指明问题:当我在GMail网络收件箱中检查Opera中的元素时,我看到整个文本格式化为Arial,12.8像素,同时在第一行丢失了不同的颜色(class = .name)。

我的CSS非常生疏,所以我怀疑错误在我身边......

编辑2:以下代码由Tim Gerhard更正(非常感谢!)

<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <style type="text/css">
      .normal{font-family:"Arial"; font-size:9pt; line-height:1.25; color:#606060; font-weight:400}
      .name{font-size:10.5pt; color:rgb(119,187,65); font-weight:700;}
      .link{color:rgb(17,85,204)}
    </style>
  </head>
  <body>
    <div class="normal">
      <span class="name">Rostislav Janda</span></br>
      Obchodní zástupce</br></br>
      <a style="link"; href="tel:+420%20721%20604%20707" value="+420721604707" target="_blank">+420 721 604 707</br>
      <a style="link"; href="http://www.iqbudovy.cz"> www.iqbudovy.cz</a>
      </br></br>
      IQ Budovy s.r.o.</br>
      <a style="link"; href="[map link]">Mečířova 5, 612 00 Brno</a></br></br>
      <img alt="IQ_Logo" src="[image address]">
      <br><br><br>
    </div>
  </body>
</html>

1 个答案:

答案 0 :(得分:1)

修改

您可以使用内联样式来设置电子邮件的样式,因为不完全支持类名(就我而言,我担心)。使用style="color:red"代替类。内联应该适用于每个邮件程序。

您的HTML中充满了错误,可能会导致此问题。

我花时间修复它,这是(现在正确的)标记:

<html>

  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <style type="text/css">
      .normal {
        font-family: "Arial";
        font-size: 9pt;
        line-height: 1.25;
        color: #606060;
        font-weight: 400;
      }

      .name {
        font-size: 10.5pt;
        color: rgb(119, 187, 65);
        font-weight: 700;
      }

      .link {
        color: rgb(17, 85, 204);
      }

    </style>
  </head>

  <body>
    <div class="normal">
      <span class="name">Rostislav Janda</span><br/>
      Obchodní zástupce<br/>
      <br/>
      <a class="link" href="tel:+420%20721%20604%20707" value="+420721604707" target="_blank">+420 721 604 707</a><br/>
    <a class="link" href="http://www.iqbudovy.cz"> www.iqbudovy.cz</a>
      <br/>
      <br/>
      IQ Budovy s.r.o.<br/>
      <a class="link" href="[map link]">Mečířova 5, 612 00 Brno</a><br/>
      <br/>
      <img alt="IQ_Logo" src="[image address]"/>
      <br><br><br>
    </div>
  </body>
</html>

出了什么问题?:

  • 您错误地使用<br>标记。它是<br/>而不是</br>
  • 您的某个图片代码未正确关闭
  • 您的某个超链接(<a>)未关闭
  • 您使用style =“”而不是class =“”