0

Gmail 用のメール テンプレートを 1 つ作成しました

これが私のhtmlコードです。

 <!doctype html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>dance</title>
 </head>

 <body>
 <table style="background-color: #ffffff; border-collapse:collapse;border-spacing: 0;margin:0 auto;" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
     <tr>
         <td>
             <table align="center" border="0" cellpadding="0" cellspacing="0">
                 <tr>
                     <td><a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a></td>
                </tr>
                </table>

                </td>
                </tr>
   <tr>
                     <td><a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a></td>
                </tr>
                </table>

                </td>
                </tr>
         <tr>
                     <td><a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a></td>
                </tr>
                </table>

                </td>
                </tr>
                </table>
                </body>
                </html>

他の画像が表示されていないのに、1つの画像しか表示されていません..

助けが必要 何が間違っているのですか?

4

6 に答える 6

1

コードを確認すると、テーブル構造が正しくありません。画像の最初の行に、テーブルの終了タグを追加しました。画像の 2 行目と 3 行目に の余分なタグ</table>があり、これらの画像が表示されないというエラーが発生します。HTMLコードは以下のようになります。

<!doctype html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>dance</title>
 </head>

 <body>
 <table style="background-color: #ffffff; border-collapse:collapse;border-spacing: 0;margin:0 auto;" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
    <tr>
        <td>
            <table align="center" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        <a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

</table>
</body>
</html>
于 2014-03-26T09:46:47.690 に答える
1

サーバーに画像を配置する必要があります

<a href="http://www.xxx.net.au/" title="title"><img src="http://www.yourserver.com/images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/>

ルイージ

于 2014-03-26T09:37:52.543 に答える
1

??http://<your_site_url>/images/top_logo_03.pngの代わりに画像に 完全な URL (つまり、) を指定しようとしましたか?images/top_logo_03.png

このコードを確認してください。

 <table style="background-color: #ffffff; border-collapse:collapse;border-spacing: 0;margin:0 auto;" border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
    <tr>
     <td>
        <table align="center" border="0" cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a></td>
            </tr>
        </table>
     </td>
    </tr>
    <tr>
     <td>
        <table align="center" border="0" cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a></td>
            </tr>
        </table>
     </td>
    </tr>
    <tr>
     <td>
        <table align="center" border="0" cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.xxx.net.au/" title="title"><img src="images/top_logo_03.png" alt="title" width="657" height="252" border="0" style="display:block"/></a></td>
            </tr>
        </table>
     </td>
    </tr>
</table>
于 2014-03-26T09:37:15.867 に答える
0

まずコードを調べると、テーブル構造が正しくないことがわかります。修正してみてください。
次に、画像に相対パスを使用しました。画像に絶対パスを使用してみてください。 の代わりに
Ex-を使用する
<img src="images/xyz.gif: /><img src="http:""www.example.com/images/xyz.gif">

于 2014-06-17T06:35:18.007 に答える