html mail signature

I have a html signature for mail.I did 3x tables and image but  when i send a mail ,signature shows not correct (table format) on the other side.

any idea
dns01Asked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Julian HansenConnect With a Mentor Commented:
This worked for me. I reformatted your code - there were a couple of missing closing tags which might have been causing the problem. I also added a doctype.

NB I had to change the location of the image - yours is not accessible which makes it a bad idea for use in a signature as I suspect only you will be able to see it.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
  <tr>
    <td valign="top" style="padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 7px; border-top: 0; border-bottom: 0: border-left: 0; border-right: solid 3px #F7751F">
      <img id="preview-image-url" src="images/mailsignatureicon.png">
    </td>
    <td style="padding-top: 0; padding-bottom: 0; padding-left: 12px; padding-right: 0;">
      <table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
        <tr>
          <td colspan="2" style="padding-bottom: 5px; color: #F7751F; font-size: 16px; font-family: Arial, Helvetica, sans-serif;">MYNAME LASTNAME</td>
        </tr>
        <tr>
          <td colspan="2" style="color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><i>Teacher</i></td>
        </tr>
        <tr>
          <td colspan="2" style="color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">IT</td>
        </tr>
        <tr>
          <td colspan="2" style="color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><strong>MyCOMPANY</strong></td>
        </tr>
        <tr>
          <td width="20" valign="top" style="vertical-align: top; width: 20px; color: #F7751F; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">p:</td><td valign="top" style="vertical-align: top; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">8765432&nbsp;&nbsp;<span style="color: #F7751F;">m:&nbsp;</span>98765432</td>
        </tr>
        <tr>
          <td width="20" valign="top" style="vertical-align: top; width: 20px; color: #F7751F; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">a:</td><td valign="top" style="vertical-align: top; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">Street 18</td>
        </tr>
        <tr>
          <td width="20" valign="top" style="vertical-align: top; width: 20px; color: #F7751F; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">w:</td><td valign="top" style="vertical-align: top; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.mycompany.com" style=" color: #1da1db; text-decoration: none; font-weight: normal; font-size: 12px;">www.mycompany.com</a>&nbsp;&nbsp;<span style="color: #F7751F;">e:&nbsp;</span><a href="mailto:mymail@mail.com" style="color: #1da1db; text-decoration: none; font-weight: normal; font-size: 12px;">mymail@mail.com</a></td>
        </tr>
        <tr>
          <td colspan="2" style="padding-top: 5px;"><a href="https://facebook.com/my facebook" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="http://cdn2.hubspot.net/hubfs/184235/dev_images/signature_app/facebook_sig.png"></a></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2">
      <table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
        <tr>
          <td valign="middle" style="padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; background-color: #F7751F; color: #FFFFFF; font-size: 15px; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif;">
            Here is some more Text............................................................
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>  
</body>
</html>

Open in new window

1
 
Julian HansenCommented:
Mail clients interpretation of HTML is behind the times - you need to code the html using older techniques to get it to work.

Can you post some more information (screenshot) on how it is not working.

Show us what you would like it to look like
Show us what it actually looks like
Show us your markup
0
 
dns01Author Commented:
Hi Julian
Thank you so much for your prompt answer and for help.i think some how i have to stick this picture :)

i want so look like:
i want
after link my signature html and send a mail then Picture of the signature comes Top of the signature:

i do not want
hier is my html code:  
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
<tr><td valign="top" style="padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 7px; border-top: 0; border-bottom: 0: border-left: 0; border-right: solid 3px #F7751F"><img id="preview-image-url" src="http://dropbox/myicon/mailsignatureicon.png"></td>
<td style="padding-top: 0; padding-bottom: 0; padding-left: 12px; padding-right: 0;">
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
<tr><td colspan="2" style="padding-bottom: 5px; color: #F7751F; font-size: 16px; font-family: Arial, Helvetica, sans-serif;">MYNAME LASTNAME</td></tr>
<tr><td colspan="2" style="color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><i>Teacher</i></td></tr>
<tr><td colspan="2" style="color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">IT</td></tr>
<tr><td colspan="2" style="color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><strong>MyCOMPANY</strong></td></tr>
<tr><td width="20" valign="top" style="vertical-align: top; width: 20px; color: #F7751F; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">p:</td><td valign="top" style="vertical-align: top; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">8765432&nbsp;&nbsp;<span style="color: #F7751F;">m:&nbsp;</span>98765432</td></tr>
<tr><td width="20" valign="top" style="vertical-align: top; width: 20px; color: #F7751F; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">a:</td><td valign="top" style="vertical-align: top; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">Street 18</td></tr>
<tr><td width="20" valign="top" style="vertical-align: top; width: 20px; color: #F7751F; font-size: 12px; font-family: Arial, Helvetica, sans-serif;">w:</td><td valign="top" style="vertical-align: top; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.mycompany.com" style=" color: #1da1db; text-decoration: none; font-weight: normal; font-size: 12px;">www.mycompany.com</a>&nbsp;&nbsp;<span style="color: #F7751F;">e:&nbsp;</span><a href="mailto:mymail@mail.com" style="color: #1da1db; text-decoration: none; font-weight: normal; font-size: 12px;">mymail@mail.com</a></td></tr>
<tr><td colspan="2" style="padding-top: 5px;"><a href="https://facebook.com/my facebook" style="border-width:0px; border:0px; text-decoration: none;"><img width="25" height="25" style="border: none; width: 25px; max-width: 25px !important; height: 25px; max-height: 25px !important;" src="http://cdn2.hubspot.net/hubfs/184235/dev_images/signature_app/facebook_sig.png"></a></td></tr>
</table>
<tr><td colspan="2">&nbsp;</td></tr>
<tr><td colspan="2">
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;"><tr><td valign="middle" style="padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 5px; background-color: #F7751F; color: #FFFFFF; font-size: 15px; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif;">
Here is some Text............................................................</td></tr></table>
</td></tr>
</td></tr></table>

Open in new window

0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
dns01Author Commented:
Thank you so much
0
 
dns01Author Commented:
WORKS!!!!  Oh sorry ,i have a question ,can i get this facebook official from facebook not like i have a other link.
0
 
Julian HansenCommented:
You are welcome.

I don't understand the question about facebook?
0
 
Julian HansenCommented:
I think I understand the question - you are wanting to know where to get the image from.

What you do is in your signature folder make a folder with the same name as the signature and put your image file in there. Then change the path of the image in the html to be <folder you created\<image name>
Outlook will put the image in the signature.
0
 
dns01Author Commented:
ok thank you
0
All Courses

From novice to tech pro — start learning today.