2017-05-11 7 views
0

私はテーブルの左側にcolspanを使用してテキストを右に並べるようにしています。このメソッドは、通常、画像が左にあるときに機能しますが、右に動かすことができます。テーブルのcolspanがメールにあります

<table cellpadding="0" cellspacing="0" width="600" style="width: 100%; max-width: 600px;"> 
    <tr> 
     <td align="center"> 
      <table cellpadding="0" cellspacing="0" width="580" style="border: 1px solid;"> 
       <tr> 
        <td style="font-size: 10px;">sdfsdfsdfsdfdsdfhhhhhhhhlklkjlkj</td> 
        <td></td> 
       </tr> 

       <tr> 
        <td>sdfsdf</td> 
       </tr> 

       <tr> 
        <td rowspan="3" ><img src="https://gallery.mailchimp.com/b083c967cd22e35ab4ce75e7a/images/e3c991a6-22c4-4ee2-a08d-7d23e30f8c29.png" alt="" width="400"></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

https://jsfiddle.net/yk3fanoq/1/

+1

類似のものをお探しですか? https://jsfiddle.net/reddysridhar53/a8pne561 –

+0

私はcolspansを使用しないことをお勧めします。一部の電子メールクライアントはそれを好きではありません。 – Syfer

答えて

1

あなたは、テキストや画像を配置する必要があります:あなたは浮動小数点数を使用することはできませんので、相続人に私のコード

など=「右」を揃える、これはOutlookの電子メール用ですのでご注意下さい2列(td)

<table cellpadding="0" cellspacing="0" width="600" style="width: 100%; max-width: 600px;"> 
    <tr> 
    <td align="center"> 
     <tr> 
     <td align="left"> 
      sdfsdfsdfsdfdsdfhhhhhhhhlklk 
      sdfsdf 
     </td> 
     <td rowspan="3" align="right"> 
      <img src="https://gallery.mailchimp.com/b083c967cd22e35ab4ce75e7a/images/e3c991a6-22c4-4ee2-a08d-7d23e30f8c29.png" alt="" width="400"> 
     </td> 
     </tr> 
    </td> 
    </tr> 
</table> 
関連する問題