Hi,
I need to send a birthday wish card to my users using code. I need to send the mail with background image. Using <img src="someimage.jpg"> blocks other contents of div.
pl help.
Here is my design page code
.auto-style1 {
width: 800px;
height: 600px;
background-image:url("BDAY_FINAL.jpg");
}
.auto-style3 {
vertical-align:bottom;
text-align: right;
}
.auto-style4 {
width: 546px;
}
.auto-style5 {
width: 683px;
vertical-align: bottom;
font-family: "Microsoft Sans Serif";
font-size: xx-large;
}
.auto-style6 {
width: 468px;
height: 149px;
float: right;
text-align: center;
<body>
<form id="form1" runat="server">
<div class="auto-style1" id="bdaywishes" runat="server" >
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<table class="auto-style2">
<tr>
<td> </td>
<td class="auto-style4"> </td>
<td class="auto-style5"><span class="auto-style10">
<br /><br />
<p class="auto-style11">Dear <asp:Label ID="Label1" runat="server" Text="Label" style="color: #155182; font-weight:700"></asp:Label></p>
</span></td>
<td style="text-align: right">
<asp:Image ID="Image1" runat="server" Height="114px" style="margin-bottom: 0px" Width="111px" />
</td>
</tr>
<tr>
<td> </td>
<td class="auto-style4"> </td>
<td class="auto-style3">
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="auto-style4"> </td>
<td class="auto-style3">
<img alt="" class="auto-style6" src="Capture.PNG" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="auto-style4"> </td>
<td class="auto-style3"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="auto-style4"> </td>
<td class="auto-style3" colspan="2">
<img alt="" id="tel" runat="server" class="auto-style7" src="TEL.PNG" />
<img alt="" id="abi" runat="server" class="auto-style8" src="ABI.PNG" /></td>
</tr>
</table>
</div>
</form>
<body>