在下面的代码中面临divlogoBlock的问题

我正面临下面的代码问题。当我复制整个页面并将其作为签名粘贴到Outlook中时，divLogoBlock不可见。我想我已经做了错误的CSS。帮助我在下面的代码中面临divlogoBlock的问题

<html lang="en"><head> 
<meta charset="utf-8"> 
<title>_-_</title> 
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW"> 
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100" rel="stylesheet" type="text/css"> 

<style> 

    body    { font-family: 'Roboto', sans-serif; color: #545555; margin: 0px; padding: 40px 0px 0px 3px; width:350px; position: absolute; } 
    ul     { float: left; margin: 33px -32px; } 
    ul a    { margin-right: 6px; } 
    ul a:last-child  { margin-right: 0;} 
    .divLogoBlock  { height: 80px; width: 350px; background: #F3F3F3; } 
    .logoBox   { padding:0px 0px; width: 350px; height: 4px; position: absolute; } 
    .clear    { clear: both; } 

</style> 

</head> 

<body> 
    <h4 style="color:#545555; width:350px; margin: 0px">-----</h4> 
    <h5 style="color:#545555; font-size:14px;font-weight:600; margin:20px 0 0 0; line-height:1; width:350px; margin-right:0px; ">Esesve Digumarthi</h5> 
    <span style="font-size:14px;font-family: 'Roboto', sans-serif; font-weight:normal;">CEO</span> 
    <p style="font-size:14px; margin-top:5px;color:#545555; width:350px">+91 9959 800 400 | <a href="mailto:[email protected]" style="color:#252629; text-decoration:none; width:350px">[email protected]</a></p> 

    <div class="divLogoBlock" style="overflow: auto;"> 
     <div class="logoBox" > 
      <a style="float:left;" href="http://enhcorp.com/" target="_blank"><img style="margin:11px 0;" src="enh.jpg"></a> 
      <ul> 
       <a href="https://www.facebook.com/EnHcorp " target="_blank"><img src="facebook.png"></a> 
       <a href="https://twitter.com/EnHcorp" target="_blank"><img src="twitter.png"></a> 
       <a href="https://www.linkedin.com/company/enh-corp" target="_blank"><img src="linkedin.png"></a> 
       <a href="https://plus.google.com/106470734549809877531/about" target="_blank"><img src="g_plus.png"></a> 
       <a href="https://www.youtube.com/channel/UC0Pdj548Y4A1NzAlX7-9GGw" target="_blank"><img src="youtube.png"></a> 
      </ul> 
     </div> 
     <div class="clear"></div> 
    </div> 
    <div class="logoBox"><img src="bottomBar.jpg" width="350" height="4" align="top"></div> 







</body></html>

来源

2016-06-10 Sandeep Maganti

您需要为图片使用绝对网址，适合初学者。现在，你已经把它们联系起来了。

其次，我会内联你的CSS。您可以在技术上将样式标签保留在标题中，但可以同时使用这两种标签，也可以只使用inline-css。电子邮件的标准是古老的，许多客户将删除任何内容，但内联CSS。

如果您不想手动嵌入CSS，MailChimp's inliner tool工作得很好。

来源

2016-06-10 14:42:23 bathybic

在下面的代码中面临divlogoBlock的问题

回答

相关问题