2011-11-04 26 views
7

メールマーケティング用のHTMLを作成しました。私はテーブルを配置し、その周りに境界線を適用:テーブルスタイルborder-outlook 2010に余分なスペースが追加されました

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;"> 

私は、Outlook 2010でそれをテストするとき、私は一番上に整列された画像を、それを周りに見るの内側に、私は1つのピクセル余分な空白を取得していますいくつかの理由そして左に、そして私はそれが固体の背景色を持つ他の細胞の周りにそれを見ます。このリンクで

参照画像:screenshot

上部三角形は、それ自体で、細胞の画像です。下の矩形は、背景色のセルです。これらは国境にこだわることを前提としていました。これは再発する問題です。以前誰かがこの問題に遭遇しましたか?

答えて

1

私はここでこれを見つけた:Outlook 2007および2010で http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

「表要素のマージンとパディングが問題に

を引き起こす可能性がありますあなたはTABLE要素にマージンやパディングのプロパティを追加した場合、それは同じことを追加しますマージンとパディングをOutlook 2007と2010のすべてのネストされたTDに適用します。セルパディングとセルスペーシングの属性は安全ですが、CSSのマージンと埋め込みTABLE要素内のパディングを避けるのが最善です。

だから、テーブル上のマージンが原因かもしれないと思います。わかりません。

+1

私はパディングやマージンを持たない別のテストを行いました。私は少し失われていると感じています。誰かが別の提案をしているなら、それを聞いてみたい。ありがとう! – pitzki

0

場合、あなたはまだこの問題の解決策を見つけていない:

を使用すると、表のセル内それらのイメージのためにborder="0"を設定していることを確認します。

9

キャンペーンモニタには、このような問題を解決するための非常に優れた解決策があります。シンプルなスタイルコードをテーブル要素に追加します。それでも解決しない場合は、以下のコードは、Outlook 2010

<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>

http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010

に(OPと同じ)私の問題を解決し、これを試してみてください。 http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

0

境界崩壊を追加:崩壊。テーブルスタイルに。

0

1ピクセル幅と3ピクセル幅の境界線の場合、右側の境界線は1ピクセル間隔です。

<!--[if mso]><table border="1" width="699"> 
<tr style="display:none;"><td>&nbsp;</td></tr> 
</table><![endif]--> 

詳細:この問題の(奇妙な...)種の一つの解決策は、例えば現在のテーブルの幅マイナス1と1 の境界線で、現在のテーブルの後ろに「ゴーストテーブル」であります詳細:https://responsive.email/blog/s/1025987_Extra-space-behind-border-in-Outlook.html

幸運...

0

私は、テーブルのプロパティセクションに入るし、「オプション」をクリックして、この問題を解決しました。オプションボックスが表示されたら、左と右のデフォルトのセル余白を0に変更してからOKをクリックします。

関連する問題