2016-08-16 5 views
-1

私はすでにStackoverflowにこれに関する多くの記事があることを知っていますが、提案された解決策のどれも働いているようです。私は電子メールの爆発でテーブルセルに背景を追加しようとしています。私はそれをOutlookに表示することはできません。それはコンテンツなので、おそらくHTMLであるべきですが、パディングに問題があります。すべての主要な電子メールクライアントでこの効果を達成する最善の方法は何ですか?Outlookで背景イメージを使用できますか?

ありがとうございました!

<table style="background-color:#FFFFFF;" cellpadding="0px"> 
 
\t \t \t \t \t \t \t <tbody> 
 
\t \t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t <td background="http://d3n8a8pro7vhmx.cloudfront.net/rogersparkfoodcoop/mailings/127/attachments/original/lannin.jpg?1469496240" bgcolor="#2594aa" width="290" height="290" valign="top"> 
 
\t \t \t \t \t \t <div> 
 
\t \t \t \t \t \t \t \t &nbsp; 
 
\t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t <!--[if gte mso 9]> 
 
\t \t \t \t \t \t \t \t </v:textbox> 
 
\t \t \t \t \t \t \t \t </v:rect> 
 
\t \t \t \t \t \t \t <![endif]--> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t <td style="background-color:#c8d300; width:290px;" width="290px"> 
 
\t \t \t \t \t \t \t <table cellpadding="4px"> 
 
\t \t \t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t \t <td> 
 
\t \t \t \t \t \t \t \t \t <p style="font-family: Helvetica, Arial, serif; color:#FFF; font-size:11px; line-height:1.2">I believe in the principles around which the RP Food Co-op is organized that includes concern for the environment, for fair labor practices, for community, and for democratic decision-making. My husband and I invested in the co-op not only to have eventual access to its services, but also to benefit the community the co-op serves. Member shares give the co-op the capital base it needs while giving members the sense of ownership. Patronage refunds, based on how much the owners use the co-op, reduce the co-op's tax obligations and keep more money circulating in the local economy. The co-op offers a way to build community through the relationships it builds between the food producers, shoppers, co-op members, volunteers, and employees.</p> 
 
\t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t <p style="font-family: Helvetica, Arial, serif; color:#FFF; font-size:11px; font-style:italic;">-Sue Lannin, Owner #147 
 
\t \t \t \t \t \t \t \t \t </p> 
 
\t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t </table> 
 
\t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t </tbody> 
 
\t \t \t \t \t \t </table> 
 
     

+0

HTMLコードを再フォーマットしてください –

答えて

-1

気にしないで、私は正しい寸法の画像を使用して、簡単なcellpaddingcellspacingでこれを行うことができました。それは流動的ではありませんが、そうする必要はありません。

関連する問題