Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with Dreamweaver!

    Hey Guys,

    Brand new to this forum and hoping to get some help! I am designing an HTML Email signature for a client and am having trouble. I designed the signature in Illustrator, sliced it then created an HTML of it in Dreamweaver. (with links and stuff)

    I know it's not the best way to do it but my knowledge with Web based design is VERY limited!

    The problem I have had is when people view it in Outlook. (Mac Mail seems fine)

    It breaks up and is basically a mess when it is opened in Outlook.

    I know i've done something terribly wrong but cant understand why it works in Mac Mail and not Outlook.

    Do i need to put a box around everything in Dreamweaver?

    Below is HTML and images of the issue in Outlook.

    Thanks HEAPS I really hope someone can help!!


    How it should look (and looks in Mac Mail)



    What happens when i open or send to someone using Outlook:


    HTML:
    <html>
    <head>
    <title>Print</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="400px" marginheight="200px">
    <!-- ImageReady Slices (NMSS_Email_sig.ai) -->
    <table width="1547" height="253" border="0" align="left" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
    <td rowspan="5" align="left" valign="top">
    <img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_01_zps44e1b709.png" width="206" height="252" alt=""></td>
    <td colspan="2" align="left" valign="top">
    <img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_02_zps2b6cf60b.png" width="296" height="142" alt=""></td>
    <td colspan="5" align="left" valign="top">
    <img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_03_zps46ece781.png" width="360" height="142" alt=""></td>
    <td align="left" valign="top">
    <img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_04_zpse24a908b.png" width="347" height="142" alt=""></td>
    <td align="left" valign="top">
    <img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_05_zpsb024f72f.png" width="337" height="142" alt=""></td>
    <td rowspan="5">
    <img src="images/NMSS_Email_sig_06.png" width="1" height="252" alt=""></td>
    </tr>
    <tr>
    <td align="left" valign="top">
    <img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_07_zps161f66a4.png" width="141" height="38" alt=""></td>
    <td colspan="5" align="left" valign="top"><a href="http://www.nomorescarystuff.com/contact.html"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_08_zpse447d1ef.png" width="358" height="38" alt=""></a></td>
    <td colspan="3" rowspan="3" align="left" valign="top">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="3" align="left" valign="top"><a href="http://www.nomorescarystuff.com"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_10_zps247d5c8f.png" width="335" height="36" alt=""></a></td>
    <td align="left" valign="top"><a href="https://www.facebook.com/NoMoreScaryStuff"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_11_zps1e233eee.png" width="60" height="36" alt=""></a></td>
    <td align="left" valign="top"><a href="https://twitter.com/Nomorescarystuf"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_12_zpsc92467dc.png" width="47" height="36" alt=""></a></td>
    <td align="left" valign="top"><a href="http://au.linkedin.com/in/successwithmichelenash"><img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_13_zps7d5bb8cb.png" width="57" height="36" alt=""></a></td>
    </tr>
    <tr>
    <td colspan="6" align="left" valign="top">
    <img src="http://i162.photobucket.com/albums/t270/Timmcfarlin/NMSS_Email_sig_14_zps272471a3.png" width="499" height="35" alt=""></td>
    </tr>
    <tr>
    <td colspan="9">
    <img src="images/NMSS_Email_sig_15.png" width="1340" height="1" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/spacer.gif" width="206" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="141" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="155" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="39" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="60" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="47" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="57" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="157" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="347" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="337" height="1" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    </table>
    <!-- End ImageReady Slices -->
    </body>
    </html>

  • #2
    New Coder
    Join Date
    Nov 2012
    Location
    India
    Posts
    53
    Thanks
    0
    Thanked 3 Times in 3 Posts
    please give width of each <td> as per your image width and then check in outlook.

  • #3
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy

    Quote Originally Posted by webdevs View Post
    please give width of each <td> as per your image width and then check in outlook.
    Sorry... I'm not sure what you mean Did I mention i was a complete amateur at this?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •