0

私は HTML ニュースレターを作成していますが、この問題に遭遇し続けています。上部の画像は、何らかの理由で余白を無視し、見苦しい白い線が表示されます。

このサイトでは、電子メール クライアントはマージンを受け入れる必要があると述べています: http://www.campaignmonitor.com/css/

これを修正する方法を知っている人はいますか？

編集：新しくてきれいなコードですが、それでも同じ問題です! 私はそのいまいましいものを降ろす方法がわかりません。=/ (また、左の境界線がなくなりました。理由はわかりません)

ここに画像の説明を入力

<table cellspacing="0" cellpadding="0" width="811px" style="border:0px solid black;border-collapse:collapse">
    <tr>
            <td width="150px" VALIGN=TOP style="border-bottom: 1px solid #000000;">Nieuwsbrief #<?php echo $nr; ?></td>
            <td width="500px" style="vertical-align: bottom;"><img src="http://pietrow.net/newsletter/images/lad_wide.png" style="z-index:-1;"></img></td>
            <td width="150px" align="right" style="vertical-align: top; border-bottom: 1px solid #000000;" >Datum: <?php echo $datum; ?></td>
    </tr>
    <tr style="background: #DBDBDB; border: 1px solid #000000; border-top: 0px" width="811px">
            <td width="270px"><center><a href="http://home.strw.leidenuniv.nl/~kaiser/">Website</a></center></td>
            <td width="271px"><center><a href="https://www.facebook.com/LADKaiser">Facebook</a></center></td>
            <td width="270px"><center><a href="mailto:kaiser@strw.leidenuniv.nl">Contact</a></center></td>
    </tr>
    <tr style="background: #DBDBDB; border:0px; border-left: 1px solid #000000; border-right: 1px solid #000000;" width="811px">
            <td colspan="3" width="811px"><center><a href="#ENTOP">**ENGLISH VERSION BELOW**</a></center></td>
    </tr>
    <tr >
            <td style="background: #DBDBDB; border: 1px solid #000000; border-bottom: 0px;" colspan="3" width="811px">
4

2 に答える 2

1

HTML 形式の電子メールをレンダリングする電子メール クライアントは、古いバージョンの IE よりもさらに古くなっているため、非常に「昔ながらの」ものにする必要があることを忘れないでください。したがって、DIV や素敵な CSS レイアウトが登場する前の時代、テーブルがレイアウト用だった時代を思い出してください...

追加してみてください：

cellpadding="0" cellspacing="0"

2 つのテーブルを重ね合わせるのではなく、メイン テーブル内のテーブルにコンテンツを配置することを検討してください。または、可能であれば、3 つの列を合理化し、1 つのテーブルを作成します。

于 2013-10-04T08:08:59.573 に答える