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
Solved

html mail signature

Posted on 2016-08-26
8
65 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 55

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 55

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
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

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 55

Expert Comment

by:Julian Hansen
ID: 41774337
You are welcome.

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

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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Place text over image using CSS 6 48
microsoft word short cuts 3 47
Angular won't showing my array result in HTML 3 23
Extracting content from meta tag PHP MYHTML DOM 3 20
This article discusses four methods for overlaying images in a container on a web page
Find out what you should include to make the best professional email signature for your organization.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
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…

790 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