如何使Outlook电子邮件签名移动响应或仅响应

时间:2019-01-08 09:03:09

标签: html outlook dreamweaver signature

我的电子邮件签名有问题。我已经在Dreamweaver中对其进行了设计,当我将其添加到Outlook中时,它会更改布局,它会拉伸我的图像,并且对移动设备不敏感。

我不是电子邮件签名专家,将不胜感激。这是我的代码。

以下是显示其在Outlook中的功能的图片:Email signature Image

HTML

 <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN">
 <html>
 <head>
    <title>Email Signature</title>
    <meta content="text/html; charset=utf-8"http-equiv="Content-Type">
</head>

<body>
<table width="593" cellpadding="0" cellspacing="0" style="width: 600px; 
font-size:9pt; font-family: 'Calibri Light', sans-serif;">
<tbody>
    <tr>    
        <td valign="top"  style="width:253px; vertical-align:top;">
            <a  href="https://www.tashascafe.com/media/1436/galaxy-bar- 
logo.png link URL"target="_blank"><img border="0"alt="Logo"     
width="250"style="width:250px; 
border:0;"src="https://www.tashascafe.com/media/1436/galaxy-bar- 
logo.png"></a>   
        </td>
            <td valign="top" style="width:338px; vertical-align:top;">
                <table width="340" cellpadding="0" cellspacing="0" 
                  style="border-collapse: collapse;">
 <tbody>
        <tr>
            <td style="width: 338px; font-size:12pt; font-family:'Calibri 
             Light', sans-serif; font-weight:600; color:#85754e; padding- 
             bottom:5px; line-height:16px;">RESERVATIONS AT GALAXY 
             BAR</td>
        </tr>
            <tr>
                <td style="font-size:10pt; font-family:'Calibri Light', 
             sans-serif; color:#000000; padding-bottom:1px; line- 
              height:14px; font-weight: 400;">
                    <span style="font-weight:600;">t: </span>+971 58 513 
                      0694
                </td>
            </tr>   
        <tr>
            <td style="font-size:10pt; font-family:'Calibri Light', sans- 
             serif; color:000000; padding-bottom:1px; line-height:14px; 
             font-weight: 400;">
                    <span style="font-weight:600;">e: 
</span>reservations@galaxy-bar.com
            </td>
        </tr>           

        <tr>
            <td style="font-size:10pt; font-family:'Calibri Light', sans- 
serif; color:#000000; padding-bottom:1px; line-height:14px; font-weight: 
400;"><span style="font-weight:600;">w: </span>www.galaxy-bar.com<a 
href="http://www.galaxy-bar.com"target="_blank"style="color:#000000"></a>
            </td>
        </tr>
        <tr>
            <td style="font-size:10pt; font-family:'Calibri Light', sans- 
 serif; color:#000000; padding-bottom:1px; line-height:14px; font-weight: 
 400;">
                <span style="font-weight:600;">a: </span>Unit C-01, DIFC, 
 Dubai, United Arab Emirates, 506609
            </td>
        </tr>                   

        <tr>
            <td style="padding-top:10px; vertical-align: bottom;"><span 
            style="display:inline-block; height:22px;"><span><a href=" 
            {facebookURL}"target="_blank"><img alt="Facebook 
             icon"border="0"width="20"height="20"style="border:0; 
              height:20px; 


  width:20px"src="https://www.tashascafe.com/media/1435/facebook-icon.png"> 
</a>&nbsp;</span><span><a href="{twitterURL}"target="_blank"><img 
alt="Twitter icon"border="0"width="20"height="20"style="border:0; 
height:20px; 
width:20px"src="https://www.tashascafe.com/media/1438/twitter-icon.png"> 
</a>&nbsp;</span><span><a href="{instagramURL}"target="_blank"><img 
alt="Instagram icon"border="0"width="20"height="20"style="border:0; 
height:20px; 
width:20px"src="https://www.tashascafe.com/media/1437/instagram- 
icon.png"></a></span></span>
        </td>

    </tr>
</tbody>
</table>
</td>
</tr>   
</tbody>
 </table>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

我不知道这是否会使它响应移动,但是我可以告诉您如何防止失真。 进入您的签名(对我而言,最快的方法是创建新电子邮件,单击“签名”选项卡,然后选择签名) 在这里您将要创建签名,除非整个东西都是图像,否则我仍然会创建它并添加图像。 完成此操作后,双击签名中的图片(有时可能需要双击另一个位置)。 将出现一个对话框,单击“大小”选项卡,然后在“高度”和“宽度”下单击“绝对”。在比例之下,请确保选择了锁定纵横比以及相对于原始图片尺寸的锁定。

希望这会有所帮助!

答案 1 :(得分:0)

您必须了解Outlook不是浏览器,而是实际上使用MS Word引擎呈现HTML。因此,您的Dreamweaver代码(很难说)非常不可能在其中运行。

您可以阅读本文以获取一些提示:https://www.emailonacid.com/resource/outlook-coding-guide/

但是请记住,将HTML写入电子邮件与为现代浏览器编写HTML是完全不同的。