Unbale to send html emails

life_hacker · Nov 1, 2006

i am using Microsoft Office Outlook 2003 for sending emails, a simple HTML email will works just fine, with general images and table tags but when i am trying to send a email with background images its not displaying the way i want it. this is what i mean:

Excepted :

*img157.imagevenue.com/loc566/th_31246_expected_122_566lo.jpg

Output in yahoo:

*img109.imagevenue.com/loc564/th_31240_out_122_564lo.jpg

also posting the code here:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "*www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="*www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
h1 {
    font-family: "Courier New", Courier, monospace;
    font-size: 36px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    color: #000080;
}
.td {
    padding: 5px;
}
-->
</style>
</head>

<body>
<table width="700" border="0" cellpadding="25" cellspacing="0" background="*i.euniverse.com/funpages/cms_content/5118/images/huggyskies.gif">
  <tr>
    <td align="center"><table width="700" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><h1 class="td">Mirror Mirror Every Where...</h1></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img512.imageshack.us/img512/9560/271133yegdwkc4.jpg" alt="mirrors" width="500" height="339" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img512.imageshack.us/img512/4828/276253mruqwpg9.jpg" alt="mirrors" width="500" height="375" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img512.imageshack.us/img512/2981/276529agiewsy8.jpg" alt="mirrors" width="500" height="652" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img518.imageshack.us/img518/8510/276397chjgwov1.jpg" alt="mirrors" width="500" height="713" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img518.imageshack.us/img518/1272/276264joqnwjq0.jpg" alt="mirrors" width="500" height="333" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img518.imageshack.us/img518/6341/276251nsurwev1.jpg" alt="mirrors" width="500" height="500" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img522.imageshack.us/img522/7215/276410fknjwvk4.jpg" alt="mirrors" width="500" height="375" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img522.imageshack.us/img522/2157/276395ejliwjq2.jpg" alt="mirrors" width="500" height="375" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img522.imageshack.us/img522/5028/276231lqspwst1.jpg" alt="mirrors" width="500" height="375" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img526.imageshack.us/img526/8201/276494tybxwfc2.jpg" alt="mirrors" width="500" height="429" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img526.imageshack.us/img526/6185/276310qvyuweg3.jpg" alt="mirrors" width="500" height="750" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img526.imageshack.us/img526/5100/276534ejliwwj2.jpg" alt="mirrors" width="500" height="488" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle" class="td"><img src="*img526.imageshack.us/img526/69/276517nsurwxs8.jpg" alt="mirrors" width="400" height="533" /></td>
      </tr>
      
    </table></td>
  </tr>
</table>
</body>
</html>

PLZ! Help

Choto Cheeta · Nov 1, 2006

Well with the code u have given me... i sent an email to my Yahoo Mail account only to find that every thing is OK... ???

*img147.imageshack.us/img147/9408/yahooum2.th.jpg

can u post a screen shot of the Yahoo mail account displaying the picture ??

life_hacker · Nov 2, 2006

saurav_cheeta said:
Well with the code u have given me... i sent an email to my Yahoo Mail account only to find that every thing is OK... ???

*img147.imageshack.us/img147/9408/yahooum2.th.jpg

can u post a screen shot of the Yahoo mail account displaying the picture ??

thanks buddy for the support and pointing out the code errors, one mistake that i was doing in outlook settings i had to disable the option saying "Use Microsoft Office Word 2003 to edit email messages"
__________

ms123 said:
Many Mail Service providers such as yahoo, gmail, hotmail ignore the head section.

Instead of having css in head section, include it in inline.

you are right but <style> element in the <head> is supported by Yahoo where as Gmail and Hotmail don't

Unbale to send html emails

life_hacker

Right off the assembly line

Choto Cheeta

Rebooting

life_hacker

Right off the assembly line