行表中不需要的空间用于签名html

时间:2016-08-05 02:40:35

标签: html row padding signature css-tables

我正在给老板发电子邮件签名。所以我在我的网站上传了签名并让他复制它,然后将其粘贴到他的MS Outlook中。在html中,当我尝试测试它时,签名看起来很好,它看起来也很好但是当他在他的Outlook中粘贴它时,图像和文本之间存在这种不需要的空间。

以下是它的外观:

This is how it looks on the web and in my outlook

以下是他的表现:

Unwanted space in between logo and text

这是我的代码:

 <!DOCTYPE html>
      <html>
      <head>
      <style>
      body {
        font-size:12px;
        font-family:  Arial;
      }
      /*table, td, th {
          border: 1px solid black;
      }*/

      table {
          width: 580px;
      }

      th {
          text-align: left;
      }
      p {
        font-size:10px;
      }
      </style>
      </head>
      <body>

      <h2>Highlight + Copy + Paste</h2>

      <table cellpading="0" cellspacing="0">

        <tr>
          <td rowspan="5" width="194px"><img style="display:block; border-collapse:collapse;" src="image.png"></td>
          <td colspan="2" style="font-size:18px; padding:5px"><b>Name</b><br>
            <span style="font-size:12px"><i>V.P. of Business Development</i></span></td>

        </tr>


        <tr>
          <td width="150px" style="padding:5px;"><img src="http://i795.photobucket.com/albums/yy239/spacebitss/phone.jpg">+000000000</td>
          <td><img src="http://i795.photobucket.com/albums/yy239/spacebitss/fax.jpg"> +000000000</td>
        </tr>

        <tr>
          <td style="padding:5px;"><img src="http://i795.photobucket.com/albums/yy239/spacebitss/mail.jpg"> email</td>
          <td><img src="http://i795.photobucket.com/albums/yy239/spacebitss/cell.jpg"> +000000000</td>
      </tr>

        <tr>
          <td style="padding:5px;"><img src="http://i795.photobucket.com/albums/yy239/spacebitss/skype.jpg"> skype</td>
          <td><img src="http://i795.photobucket.com/albums/yy239/spacebitss/web.jpg"> website</td>

      </tr>
        <tr style="padding:5px;">
           <td colspan="2"><img src="http://i795.photobucket.com/albums/yy239/spacebitss/add.jpg"> address          </td>

      </tr>
      </tr>
        <tr>
           <td colspan="3"><p style="color:gray;">This message is only for the use of the person(s) for whom it is intended. It may contain confidential information.<br> 
      The unauthorized use, copying, distribution, or disclosure of this e-mail or any of its contents by anyone other than the intended recipient is unauthorized and unlawful. 
      If you have received this e-mail in error, please notify the sender immediately and destroy all copies of this transmission. 
      Thank you.  <br> <span style="color:green; font-size:11px;"><img src="http://i795.photobucket.com/albums/yy239/spacebitss/tree.png"> Please think of the environment before you consider printing this e-mail</span></p>  
      </td>

      </tr>
      </table>  

1 个答案:

答案 0 :(得分:0)

您提供的代码是:

  1. 重复(您有两次相同的签名)。
  2. 包含非标准属性。
  3. 包含非标准属性值。
  4. 换句话说,我怀疑有人会尝试为您修复此代码。我建议你从头开始使用这样的工具: