Solved

html mail signature

Posted on 2016-08-26
8
57 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 52

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 52

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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

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 52

Expert Comment

by:Julian Hansen
ID: 41774337
You are welcome.

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

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Preface: When I started this series, I used the term CommandBars because that is the Office Object class that it discusses. Unfortunately, when Microsoft introduced Office 2007, they replaced the standard Commandbar menus with "The Ribbon" and rem…
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
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 …
Learn how to make your own table of contents in Microsoft Word using paragraph styles and the automatic table of contents tool. We'll be using the paragraph styles in Word’s Home toolbar to help you create a table of contents. Type out your initial …

920 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

14 Experts available now in Live!

Get 1:1 Help Now