Unbale to send html emails

Discussion in 'Internet & WWW' started by life_hacker, Nov 1, 2006.

Thread Status:
Not open for further replies.
  1. life_hacker

    life_hacker New Member

    Joined:
    Oct 12, 2006
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    0
    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 :

    [​IMG]

    Output in yahoo:

    [​IMG]

    also posting the code here:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://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="http://img526.imageshack.us/img526/69/276517nsurwxs8.jpg" alt="mirrors" width="400" height="533" /></td>
          </tr>
          
        </table></td>
      </tr>
    </table>
    </body>
    </html>
    
    
    PLZ! Help
     
    Last edited: Nov 1, 2006
  2. Choto Cheeta

    Choto Cheeta Rebooting

    Joined:
    Aug 9, 2004
    Messages:
    6,202
    Likes Received:
    15
    Trophy Points:
    0
    Location:
    220.225.82.33
    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... ???

    [​IMG]

    can u post a screen shot of the Yahoo mail account displaying the picture ??
     
  3. OP
    OP
    life_hacker

    life_hacker New Member

    Joined:
    Oct 12, 2006
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    0
    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"
    __________
    you are right but <style> element in the <head> is supported by Yahoo where as Gmail and Hotmail don't
     
    Last edited: Nov 2, 2006
Thread Status:
Not open for further replies.

Share This Page