0

我必须建立一个签名，我做了一些测试，在浏览器中看起来还不错。但不是在 Windows Live Mail 和 Outlook 2010 中，它们对 HTML 的解释似乎彼此不同。

以下是我的问题的一些示例：

邮箱： 在此处输入图像描述

展望 2010： 在此处输入图像描述

Windows Live 邮件： 在此处输入图像描述

如您所见，我无法将图像（在 Outlook 和 Windows Live Mail 中）与右侧的文本对齐，以便在 GMail 图像中显示。

这是我的代码：

<hr>
<p style="color: gray;">
    <tr>
        <td>
            <a href="#"> <img src="file:///C:/images/logo.jpg" align="left" border="0"> </a>
        </td>

        <td>
            <b>Valter Henrique</b> <br>
            skype: valter_brain_set</br>
            email: <a href="#" style="text-decoration: none;color: #0056A2; ;">valter@brainset.com.br</a></br>
            fones: <b>11. 2094 6999<b> | 15. 9122 1822 
        </td>
    </tr>
</p>
<p style="padding-left:15px;">
    <font size=2 style="color: gray;">
        <a href="#" style="text-decoration: none;color: gray;">
            rua cel. irineu de castro, 188 - SP 
        </a> 
        <b>11. 2094 6999 </b> 
        <a href="#" style="text-decoration: none;color: gray">
            brainset.com.br
        </a>
    </font>
</p>

似乎每个电子邮件阅读器对 HTML 的解释都大不相同。有什么办法可以解决这个问题吗？

4

2 回答 2

1

最后这是我希望的签名（谢谢大家的支持）：

<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">
<HTML>
    <HEAD></HEAD>
<BODY dir=ltr>
    <DIV dir=ltr>
        <DIV style="FONT-FAMILY: 'Arial'; COLOR: #000000; FONT-SIZE: 10pt">
            <DIV>&nbsp;</DIV>
            <DIV style="FONT-FAMILY: 'Arial'; COLOR: #000000; FONT-SIZE: 10pt">
                <STYLE type=text/css>
                    img{
                        border: 0;
                    }
                </STYLE>

                <DIV style="FLOAT: left">
                    <HR>

                    <TABLE style="COLOR: #000000">
                        <TBODY>
                            <TR>
                                <TD>
                                    <A href="http://www.brainset.com.br">
                                        <IMG style="BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px" title=logo border=0 alt=logo align=left src="file:///C:/BRAINSET/Email/assinatura/bs_innovo/valter_henrique/images/logo.jpg" width=156 height=76> 
                                    </A>
                                </TD>

                                <TD>
                                    <FONT size=2>
                                        <B>Valter Henrique</B> <BR>
                                        <FONT color=#666666>skype: valter_brain_set<BR>email: </FONT>
                                    </FONT>
                                    <A  style="COLOR: #0056a2; TEXT-DECORATION: none" href="mailto:valter@brainset.com.br">
                                        <FONT color=#666666 size=2>valter@brainset.com.br</FONT>
                                    </A>
                                    <BR>
                                    <FONT color=#666666>
                                        <FONT size=2>fones: 11. 2094-6999 | 15. 9122-1822</FONT> 
                                    </FONT>
                                </TD>
                            </TR>
                        </TBODY>
                    </TABLE>
                    <BR>
                    <STRONG>&nbsp;&nbsp;&nbsp;&nbsp; </STRONG>
                    <A style="COLOR: gray; TEXT-DECORATION: none" href="http://g.co/maps/upbwq">rua cel. irineu de castro, 188 - SP </A>
                    <B><FONT color=#0056A2>11. 2094 6999 </FONT><FONT color=#666666>|</FONT>&nbsp;</B>
                    <A style=" TEXT-DECORATION: none" href="http://www.brainset.com.br">
                        <FONT color=#0056A2>brainset.com.br</FONT> 
                    </A>
                </DIV>
            </DIV>
        </DIV>
    </DIV>
</BODY>
</HTML>
于 2012-02-24T13:58:29.913 回答
0

要使文本与顶部对齐，请在 td 中尝试 valign=top：

 <td valign="top">

为了使文本看起来相同，请在 CSS 中使用 line-height 和 font 属性。

于 2012-02-24T12:13:34.150 回答