HTML电子邮件签名

时间:2019-01-15 11:44:10

标签: html

我创建了电子邮件签名,但是无法在文本旁边插入想要的徽标。该图像说明了我想要的东西以及出现问题的地方。

Image

  <html>
        <body>
        <table cellpadding="0" cellspacing="0" border="0"  style="font-size:12px; font-family: Arial; line-height: 17px;" width="430">
            <tr>
                <td valign="top" colspan="2" style="padding-bottom: 10px;">
                    <img src="pic.png"/>
                </td>
            </tr>
            <tr>
                <td valign="top" style="padding-left: 10px;">
                    <p style="font-size:14px; font-weight: bold; color:#464646; margin: 0px; margin-bottom: 10px; padding-bottom: 5px;">
                        Company<br/>
                        <span style="font-weight: normal; color: #000; ">Status</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="padding-bottom:10px; padding-left: 10px;">
                E-mail: xxx@gmail.com<br/>
                Phone: 111111 | Fax: 1111111<br/>
                Site: 11.com<br/>
                </td>
            </tr>
            <tr>
                <td valign="top" colspan="2">
                    <img src="pic-2.png"/>
                </td>   
            </tr>
        </table>
        </body>
    </html>

1 个答案:

答案 0 :(得分:0)

这应该对您有用,我删除了包裹在图像周围的表格行,因为这导致将其放置在新行上。同时,将粗体标题放在同一行中以最小化地址上方的空间。

    <table cellpadding="0" cellspacing="0" border="0"  style="font-size:12px; font-family: Arial; line-height: 17px;" width="430">
        <tr>
            <td valign="top" colspan="2" style="padding-bottom: 10px;">
                <img src="pic.png"/>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding-bottom:10px; padding-left: 10px;">
            <p style="font-size:14px; font-weight: bold; color:#464646; margin: 0px; margin-bottom: 10px; padding-bottom: 5px;">
                    Company<br/>
                    <span style="font-weight: normal; color: #000; ">Status</span>
                </p>
            E-mail: xxx@gmail.com<br/>
            Phone: 111111 | Fax: 1111111<br/>
            Site: 11.com<br/>
            </td>
            <td colspan="2"">
                <img src="https://via.placeholder.com/100x100"/>
            </td>   
        </tr>
    </table>

https://jsfiddle.net/notv0pu6/

让我知道这是否不是您想要的。