user123 user123 - 2 months ago 7
HTML Question

HTML Email : Put text on the image using img tag



<table width="140" cellspacing="0" cellpadding="0" border="0" align="left" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" class="container">
<tbody>
<tr>
<td align="center">
<table width="140" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; ">
<tbody><tr>
<!-- speaker2-140x140 -->
<td style="vertical-align:top;width:20%;margin-left:20px;padding:0;text-align:center;">
<img style=" outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="http://www.hubilo.com/eventApp/ws//images/speaker/profile/thumb/2712_1455301580.jpeg" border="0" height="120" width="120" >
<p style=" text-align:center; width:110px; font-size:10px;word-break: normal; text-transform: uppercase; padding: 3px 5px; margin: 0 auto; color:#000000;"> MR. ABC</p>
<p style=" text-align:center; width:110px; font-size:8px;word-break: normal; text-transform: uppercase; padding:3px 5px; margin: 0 auto; color:#000000;"> XYZ </p>
</td> </tr>
</tbody></table>
</td>
</tr>

</tbody>
</table>





Hello,

I want to put the name
MR ABC
on the image to the bottom.

Just like in the image.

here is the image

Also , it would be great if i get the output with having some padding near by the image of white background.

I am making HTML Emailer , so can't use
div
,
position
property. have to use
table
and inline css

Thank You.

Answer

You have to use background property to write text on the image. you won't be able to write it using img.

Comments