2016-09-21 8 views
0

テキストは、私がGmailで表示されたら、それはこのようになります画像

<table align="center" width="300px" cellspacing="0" cellpadding="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background: url(http://www.hubilo.com/theme/6/img/ribbon1.png); background-size: 300px 30px; background-position: center; background-repeat: no-repeat; background-color:green;"> 
 
    <tr> 
 
    <td> 
 
    <p style="color:#000000; text-align: center; font-weight:100 !important; text-transform: uppercase; font-style: normal; letter-spacing: 1px; font-size: 12px; line-height:30px; font-family: \Montserrat\', sans-serif;">SUNDAY 6TH DECEMBER, 2015</p> 
 
    </td> 
 
    </tr> 
 
</table>

から出て行きます。

Image is not showing in proper way

と私は2つの日付を書いた場合、それはイメージを超えました。

どうすれば修正できますか?

+0

その中に2つの日付を追加しますか? – ARJUN

+0

はい...必要があります。私は2つの日付を持つかもしれません。 –

+0

以下の回答を確認して確認してください。 – ARJUN

答えて

0

あなたは、このような場合には条件を置くことができます。

あなたは日付を持っているときのように、あなたの必要性に応じてwidth与え、あなたは2つのの日付を持っているときに、それぞれwidthを与えます。

これで問題が解決する場合があります。

0

これはあなたのニーズですか?

width: 100%を入力すると、2つの日付を簡単に追加できます。 または 身長を増やすことができます。ここ

チェック:

<table align="center" width="300px" cellspacing="0" cellpadding="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background: url(http://www.hubilo.com/theme/6/img/ribbon1.png); background-size: 300px 70px; background-position: center; background-repeat: no-repeat; background-color:green;"> 
 
    <tr> 
 
    <td> 
 
    <p style="color:#000000; text-align: center; font-weight:100 !important; text-transform: uppercase; font-style: normal; letter-spacing: 1px; font-size: 12px; line-height:30px; font-family: \Montserrat\', sans-serif;">SUNDAY 6TH DECEMBER, 2015 <br> SUNDAY 7TH DECEMBER, 2015</p> 
 
    </td> 
 
    </tr> 
 
</table>

+0

私は '最大300px'の幅を持つことができます –

+0

あなたは高さを増やさなければならないかもしれません。 – ARJUN

関連する問題