Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

html mail signature

Posted on 2016-08-26
8
Medium Priority
?
126 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
8 Comments
 
LVL 59

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 59

Accepted Solution

by:
Julian Hansen earned 2000 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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Closing Comment

by:dns01
ID: 41773724
Thank you so much
0
 

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 59

Expert Comment

by:Julian Hansen
ID: 41774337
You are welcome.

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

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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
This Experts Exchange video Micro Tutorial shows how to tell Microsoft Office that a word is NOT spelled correctly. Microsoft Office has a built-in, main dictionary that is shared by Office apps, including Excel, Outlook, PowerPoint, and Word. When …

688 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