title: Images not visible in Gmail sent through HTML
body: <p>I am trying to send mails to user who signup through our portal. Everything works fine except that image is not visible in the mail. here is the snippet of code</p>
  
  <pre><code>&lt;html&gt;
  &lt;body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" bgcolor='#E5E5E5' &gt;
  
  
  &lt;STYLE&gt;
   .headerTop { background-color:#FFCC66; border-top:0px solid #000000; border-bottom:1px solid #FFFFFF; text-align:center; }
   .adminText { font-size:10px; color:#996600; line-height:200%; font-family:verdana; text-decoration:none; }
   .headerBar { background-color:#FFFFFF; border-top:0px solid #333333; border-bottom:10px solid #FFFFFF; }
   .title { font-size:16px; font-weight:bold; color:#295EA0; font-family:arial; line-height:110%; }
   .subTitle { font-size:11px; font-weight:normal; color:#666666; font-style:italic; font-family:arial; }
   .defaultText { font-size:12px; color:#000000; line-height:150%; font-family:arial; }
   .footerRow { background-color:#FFFFCC; border-top:10px solid #FFFFFF; }
   .footerText { font-size:10px; color:#996600; line-height:100%; font-family:verdana; }
   a { color:#00F; color:#00F; color:#00F; }
  &lt;/STYLE&gt;
  
  
  
  &lt;table width="100%" cellpadding="10" cellspacing="0" class="backgroundTable" bgcolor='#E5E5E5' &gt;
  &lt;tr&gt;
  &lt;td valign="top" align="center"&gt;
  
  
  &lt;table width="550" cellpadding="0" cellspacing="0"&gt;
  
  
  &lt;tr&gt;
  &lt;td style="background-color:#FFFFFF;border-top:0px solid #333333;border-bottom:10px solid #FFFFFF;"&gt;&lt;center&gt;&lt;a href=""&gt;&lt;IMG id=editableImg1 SRC="#banner#" BORDER="0" title="Reppify"  alt="Reppify" align="center"&gt;&lt;/a&gt;&lt;/center&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>