Platz zwischen Tabellenelementen erstellen

Question

Ich versuche, eine Lücke zwischen Text und einem Bild für eine HTML-E-Mail zu erstellen. Allerdings kann ich das Bild nicht verschieben, egal was ich versucht habe.

Fiddle: https://jsfiddle.net/rwcgs0g8/

ich die rote will „Laden Sie Ihr kostenloses“ Bild einfach von 5px nach unten zu verschieben.

Ich habe versucht, hinzufügen <td height="10"><!-- PADDING --></td> vor dem Bild (und nach dem ipsum Text), aber es tut nichts.

Answer 1

ändern Stil des Bildes zu style="display:block;margin-top:5px;"

Oder ein div zwischen Text und Bild Stecke. Div ist ein blockierendes HTML-Element.

<div style="height:5px">&nbsp;</div> 

Answer 2

Fügen Sie einfach

margin-top: 5px;

zum CSS des Bildes hinzu.

Answer 3

<table cellpadding="0" cellspacing="0" border="0" width="600" bgcolor="#0066cb"> 
 
\t <tbody> 
 
\t \t <tr> 
 
\t \t <td height="240" width="15"><!-- PADDING (CREATING AREA) --></td> 
 
\t \t <td> 
 
\t \t <table cellpadding="0" cellspacing="0" border="0"> 
 
\t \t \t <tbody> 
 
\t \t \t \t <tr><td height="10"><!-- PADDING --></td></tr> 
 
\t \t \t \t <tr> 
 
\t \t \t \t  <td> 
 
\t \t \t \t \t \t <!-- IMAGE --> 
 
         <img src="http://i65.tinypic.com/2z3tc0w.png" alt="img1" height="250" style="display:block;" border="0" /> 
 
\t \t \t \t \t </td> 
 
\t \t \t \t \t <td style="font-family:Arial;font-size:27px;line-height:35px;color:#ffffff;"> 
 
        <p style="padding-bottom: 5px;margin: 0;"> 
 
         eguide title lorum ipsum <br/> 
 
\t \t \t \t \t \t dolor sit amet labore etJavaScript 
 
        </p> 
 
\t \t \t \t \t <img src="https://www.imageupload.co.uk/images/2017/08/22/unnamed5.png" alt="img2" style="display:block;" border="0" /> 
 
\t \t \t \t \t </td> 
 
\t \t \t \t </tr> 
 
\t \t \t </tbody> 
 
\t \t </table> \t 
 
\t <!-- END OF SECTION 2 --> \t \t \t \t \t \t \t \t \t \t \t \t 
 
\t </td> \t 
 
\t </tr> 
 
</tbody> 
 
</table>

<p style="padding-bottom: 5px;margin: 0;"> 
    eguide title lorum ipsum <br/> 
    dolor sit amet labore etJavaScript 
</p>