1

我为客户创建了一个 HTML 电子邮件，然后他要求我将其发布到他们的服务器上以便在网络上查看。这是一个带有图像和一些链接的基本表格布局。

一切似乎都可以在所有主要的电子邮件客户端以及 Chrome、Safari 和 Firefox 中运行。但是，所有版本的 IE 根本不显示图像。您可以在此处查看该网站。

http://poweredbyprofessionals.com/email/2012-10-MRF/

我验证了图像是 RGB 而不是 CMYK，并通过验证器运行它。似乎没有什么可以解决这个问题。有任何想法吗？

4

1 回答 1

0

解决方案

将width="auto"and替换height="auto"为实际的宽度和高度。

演示

http://jsfiddle.net/yrVsL/1/

代码修改

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
    <table style="border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="2" align="center"> 
                <font color="#005697" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:36px;">
                        <strong> Join Us!! <br/></strong> 
                </font>
                <font color="#008754" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;">
                    <strong>Wings of Hope for Melanoma</strong><br />
                            a fundraising gala to benefit the <br />
                            Melanoma Research Foundation<br /><br />
                </font>
                <font color="#000" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px;">

                    <strong> Thursday, October 11, 2012<br/>
                    6:00 PM to 10:00 PM<br />
                    Gotham Hall <br />
                    1356 Broadway, New York<br /><br />
                    </strong>
                    
                    <strong><a href="http://poweredbyprofessionals.com/melanoma/Purchase.html">Click here for more                                 information, to purchase tickets or make a donation!</a></strong>
                </font>        
                </td>
            </tr>

            <tr>
                <td> 
                    <a href="http://www.poweredbyprofessionals.com/melanoma/Purchase.html" target="_blank">
                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-1.jpg" alt="Slice-1" width="550" height="257" />
                    </a>
                </td>
            </tr>
            
            <tr>
                <td> 
                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-2.jpg" alt="Slice-2" width="550" height="446" />
                </td>
            </tr>
            
            <tr>
                <td>
                    <table style="border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">    
                        <tr>
                            <td>
                                <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-4.jpg" alt="Slice-4" width="275" height="99" />
                            </td>
                            <td>
                                <a href="http://www.poweredbyprofessionals.com/melanoma/Purchase.html" target="_blank">
                                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-3.jpg" alt="Slice-3" width="275" height="99" />
                                </a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>                    
            
            <tr>
                <td> 
                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-5.jpg" alt="Slice-5" width="550" height="319" />
                </td>
            </tr>

            <tr>
                <td> 
                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-6.jpg" alt="Slice-2" width="550" height="99" />
                </td>
            </tr>
            
            <tr>
                <td> 
                    <a href="http://www.poweredbyprofessionals.com/melanoma/Purchase.html" target="_blank">
                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-7.jpg" alt="Slice-1" width="550" height="99" />
                    </a>
                </td>
            </tr>                        
            
            <tr>
                <td>
                    <table style="border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">    
                        <tr>
                            <td>
                                <a href="http://www.poweredbyprofessionals.com" target="_blank">
                                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-8.jpg" alt="Slice-3" width="180" height="87" />
                                </a>                            </td>
                            <td>
                                <a href="http://www.melanoma.org" target="_blank">
                                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-9.jpg" alt="Slice-3" width="180" height="87" />
                                </a>
                            </td>
                            <td>
                                <a href="http://www.stanadler.com" target="_blank">
                                    <img style="display: block;" src="http://poweredbyprofessionals.com/email/2012-10-MRF/images/Slice-10.jpg" alt="Slice-3" width="180" height="87" />
                                </a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>        
            
        </table>
    </body>
</html>
于 2012-07-25T22:18:10.090 回答