Solved

html mail signature

Posted on 2016-08-26
8
49 Views
Last Modified: 2016-08-29
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
0
Comment
Question by:dns01
  • 4
  • 4
8 Comments
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41772898
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
 

Author Comment

by:dns01
ID: 41773439
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
 
LVL 51

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41773519
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

0
 

Author Closing Comment

by:dns01
ID: 41773724
Thank you so much
0
Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

 

Author Comment

by:dns01
ID: 41773745
WORKS!!!!  Oh sorry ,i have a question ,can i get this facebook official from facebook not like i have a other link.
0
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41774337
You are welcome.

I don't understand the question about facebook?
0
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41774339
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
 

Author Comment

by:dns01
ID: 41774353
ok thank you
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

This is written from a 'VBA for MS Word' perspective, but I am sure it applies to most other MS Office components where VBA is used.  One thing that really bugs me is slow code, ESPECIALLY when it's mine!  In programming there are so many ways to…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Office 365 is currently available in five editions. Three of them are for business use: Office 365 Business Essentials, Office 365 Business, and Office 365 Business Premium. Two of them are for home/personal use: Office 365 Home and Office 365 Perso…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now