0

私はHTMLメールテンプレートに取り組んでいます。何らかの理由で、Outlook の画像の左側と gmail の画像の下に空白があります。

ここにリストされている提案の多くを試しましたが、うまくいきませんでした。

これも私が参照しているコードの一部です：

<tr>
    <td colspan="12">
        <img src="http://www.antequera-inland.com/email-template/images/_01.gif" width="600" height="172" alt=""/></td>
</tr>
<tr>
    <td colspan="4" rowspan="4">
        <img src="http://www.antequera-inland.com/email-template/images/_02.gif" width="348" height="120" alt=""/></td>
    <td colspan="7">
        <a href="http://www.skype.com" title="Chat or call us via Skype" target="_blank"
            onmouseover="window.status='Chat or call us via Skype';  return true;"
            onmouseout="window.status='';  return true;">
            <img src="http://www.antequera-inland.com/email-template/images/skype-link.gif" alt="Chat or call us via Skype" name="Chat-or-call-us-via-Skype" width="233" height="26" border="0" /></a></td>
    <td rowspan="12">
        <img src="http://www.antequera-inland.com/email-template/images/_04.gif" width="19" height="591" alt=""/></td>
</tr>
<tr>
    <td colspan="7">
        <a href="mailto:steve@antequera-inland.com" title="Send us as email" target="_blank"
            onmouseover="window.status='Send us as email';  return true;"
            onmouseout="window.status='';  return true;">
            <img src="http://www.antequera-inland.com/email-template/images/Email-Steve.gif" alt="Send us as email" name="Send-us-as-email" width="233" height="22" border="0" /></a></td>
</tr>
<tr>
    <td colspan="7">
        <a href="http://www.antequera-inland.com" title="Visit Antequera Inland website" target="_blank"
            onmouseover="window.status='Visit Antequera Inland website';  return true;"
            onmouseout="window.status='';  return true;">
            <img src="http://www.antequera-inland.com/email-template/images/www.antequera-inland.com.gif" alt="Visit Antequera Inland website" name="Visit-Antequera-Inland-website" width="233" height="23" border="0" /></a></td>
</tr>

どんな援助でも大歓迎です。

よろしく。

4

4 に答える 4

2

これらを試してください：

タグ内: img{display: block;}

タグについて:

ヒント: 編集可能なテキストがある場合は、line-height を使用して、フォント サイズよりも小さい数値を入力してみてください。行の高さがテーブルを台無しにして、その白い線も作成している可能性があります。

于 2014-10-10T19:50:26.053 に答える
1

display:block; を使用してみてください。すべての画像のインライン スタイルとして。

于 2013-06-19T12:33:11.953 に答える