1

クライアント用のHTMLメールを作成しました。クライアントは、Webで表示するためにサーバーに投稿するように依頼しました。これは、画像といくつかのリンクを含む基本的なテーブルレイアウトです。

Chrome、Safari、Firefoxだけでなく、すべての主要なメールクライアントですべてが機能しているようです。ただし、IEのすべてのバージョンが画像を表示するわけではありません。ここでサイトを見ることができます。

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

画像がCMYKではなくRGBであることを確認し、バリデーターを実行しました。問題を解決するものは何もないようです。何か案は？

4

1 に答える 1

0

解決

を実際の幅と高さにwidth="auto"置き換えます。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 に答える