• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 319
  • Last Modified:

HTML signature creation

Hi!

I'm unable to complete this signature with HTML code.  Can someone give some advice on doing so?  Is it possible to achieve this result?  I have tried with table but I was unable to fix the middle colum to 38px

Thanks

JS
Signature.jpg
0
polycorjsp
Asked:
polycorjsp
  • 3
  • 3
  • 2
  • +1
1 Solution
 
Dan CraciunIT ConsultantCommented:
I would not bother. Something that works in Outlook will be broken in Thunderbird, if you manage to satisfy both Gmail will break etc.

Just create a single image with your signature, optimize it so it's under 100KB, then insert it at the end of the email, as signature.

That way, your signature will look exactly as you want it, regardless of the email client.

HTH,
Dan
0
 
polycorjspAuthor Commented:
Thanks but it's for 150 users.  I'm using Mail Exclaimer.  It's taking records from Active Directory to automaticly create the signature.
0
 
Dan CraciunIT ConsultantCommented:
So what changes? Cause you can keep the name and title as text, add the phone below it, then only use the fax no in the picture (since I assume it's the same or only a few numbers, so you'll get 3-5 templates).
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.

 
GaryCommented:
Whats the actual code you are using?
0
 
polycorjspAuthor Commented:
Looks like this so far...

<HTML><HEAD><!-- Template generated by Exclaimer Mail Disclaimers on {Current Date} -->
<STYLE type=text/css>P.ImprintUniqueID {
      MARGIN: 0cm 0cm 0pt
}
LI.ImprintUniqueID {
      MARGIN: 0cm 0cm 0pt
}
DIV.ImprintUniqueID {
      MARGIN: 0cm 0cm 0pt
}
TABLE.ImprintUniqueIDTable {
      MARGIN: 0cm 0cm 0pt
}
DIV.Section1 {
      page: Section1
}
</STYLE>
</HEAD>
<BODY>{Original Message Above Reply Separator}<BR />
<TABLE class=ImprintUniqueIDTable borderColor=black cellSpacing=0 cols=1 cellPadding=0 width=350 border=2>
  <TBODY>
  <TR>
    <TD style="HEIGHT: 250px">
      <P class=ImprintUniqueID>
      <TABLE class=ImprintUniqueIDTable style="WIDTH: 100%; BORDER-COLLAPSE: collapse" cellSpacing=0 cols=2 cellPadding=0 border=0>
        <TBODY>
        <TR>
          <TD vAlign=bottom>
            <P>{Display name}<BR />{Title}</P></TD></TR></TBODY></TABLE></P><IMG id=IMG1 border=0 src="C:\Exclaimer\Bandeau_courriel__.jpg" width=428 height=189 /></TD></TR></TBODY></TABLE>{Original Message Below Reply} </BODY></HTML>
0
 
Paul MacDonaldDirector, Information SystemsCommented:
<html>
  Jean-Sébastien Picard<br />
  IT Manager
  <table>
    <tr style="height: 23px;">
      <td style="width: 150px;">&nbsp;</td>
      <td style="width: 38px;">&nbsp;</td>
      <td style="width: 150px;">&nbsp;</td>
    </tr>
    <tr>
      <td style="width: 150px;">The name of the company</td>
      <td style="width: 38px;">&nbsp;</td>
      <td style="width: 150px;">Phone<br />Fax</td>
    </tr>
    <tr style="height: 10px;">
      <td style="width: 150px;">&nbsp;</td>
      <td style="width: 38px;">&nbsp;</td>
      <td style="width: 150px;">&nbsp;</td>
    </tr>
    <tr>
      <td style="width: 150px;">Address line1<br />Address line2</td>
      <td style="width: 38px;">&nbsp;</td>
      <td style="width: 150px;">Toll Free<br />Web</td>
    </tr>
    <tr style="height: 27px;">
      <td style="width: 150px;">&nbsp;</td>
      <td style="width: 38px;">&nbsp;</td>
      <td style="width: 150px;">&nbsp;</td>
    </tr>
  </table>
</html>
0
 
Paul MacDonaldDirector, Information SystemsCommented:
Here's the same thing with some tweaks:

<html>
  Jean-Sébastien Picard<br />
  IT Manager
  <table cellpadding="0" cellspacing="0">
    <tr style="background-color: red; height: 23px;">
      <td style="width: 150px;">&nbsp;</td>
      <td style="background-color: red; width: 38px;">&nbsp;</td>
      <td style="width: 150px;">&nbsp;</td>
    </tr>
    <tr>
      <td style="width: 150px;">The name of the company</td>
      <td style="background-color: red; width: 38px;">&nbsp;</td>
      <td style="width: 150px;">Phone<br />Fax</td>
    </tr>
    <tr style="background-color: red; height: 10px;">
      <td style="width: 150px;">&nbsp;</td>
      <td style="background-color: red; width: 38px;">&nbsp;</td>
      <td style="width: 150px;">&nbsp;</td>
    </tr>
    <tr>
      <td style="width: 150px;">Address line1<br />Address line2</td>
      <td style="background-color: red; width: 38px;">&nbsp;</td>
      <td style="width: 150px;">Toll Free<br />Web</td>
    </tr>
    <tr style="background-color: red; height: 27px;">
      <td style="width: 150px;">&nbsp;</td>
      <td style="background-color: red; width: 38px;">&nbsp;</td>
      <td style="width: 150px;">&nbsp;</td>
    </tr>
  </table>
</html>
0
 
polycorjspAuthor Commented:
Wow!  Excellent!
One last request, is it possible to add an underscore over the Jean-Sébastien Picard name?
2014-03-13-16-01-33.png
0
 
Paul MacDonaldDirector, Information SystemsCommented:
"...is it possible to add an underscore over the Jean-Sébastien Picard name?"
Either of these should work:
     &#95;&#95;&#95;&#95;&#95;<br />
or
     <u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u><br />
0

Featured Post

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.

  • 3
  • 3
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now