2017-05-11 4 views
0

Ich versuche, das Bild nach rechts auszurichten und die Zeilen mit Text auf der linken Seite in meiner Tabelle mit Colspan. Diese Methode funktioniert normalerweise, wenn das Bild auf der linken Seite ist, aber jetzt will ich es auf der rechten Seite wird es nicht funktionieren. Bitte beachten Sie dies für Outlook E-Mail, so dass Sie nicht Schwimmer verwenden können, align = "right" usw.Tabelle Colspan in E-Mails

heren meinen Code:

<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

Versuchen Sie den Link und sehen Sie, ob Sie nach etwas ähnlichem suchen. https://jsfiddle.net/reddysridhar53/a8pne561 –

+0

Ich würde vorschlagen, Colspans nicht zu verwenden. Einige E-Mail-Clients mögen es nicht. – Syfer

Antwort

1

Sie müssen den Text und Bild setzen in zwei Spalten (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> 
Verwandte Themen