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

问题描述 投票:0回答:2

我的电子邮件签名有问题。我在Dreamweaver中设计了它,当我将它添加到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>[email protected]
            </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>
html outlook dreamweaver signature
2个回答
0
投票

我不知道这是否会使它具有移动响应性,但我可以告诉你如何防止扭曲。进入你的签名(最快的方式是创建一个新的电子邮件,点击签名选项卡,然后选择签名)这里是你想要创建签名的地方,除非整件事是图像,然后我仍然会创建它并添加你的形象。完成后,双击签名中的图片(有时您可能需要双击其他位置)。将出现一个对话框,单击大小选项卡,然后单击高度和宽度下的绝对值。在比例下,确保选择锁定纵横比和相对于原始图片尺寸。

希望这可以帮助!


0
投票

您必须了解Outlook不是浏览器,并且实际上使用MS Word引擎来呈现HTML。因此,几乎不可能你的Dreamweaver代码(很抱歉,非常糟糕)将在其中运行。

你可以阅读这篇文章来获得一些提示:https://www.emailonacid.com/resource/outlook-coding-guide/

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

© www.soinside.com 2019 - 2024. All rights reserved.