• Registered: 2009-01-01
  • Posts: 7

Topic: Microsoft Outlook Signature

I've created an outlook signature using HTML.  It seems to work except for the graphic logo.  I'm using an older version of outlook (2000).  Any help would be great.  Here is the code I wrote:

<html>
<head>


<link href="root.css" rel="stylesheet" type="text/css">

</head>




<body>
<style type="text/css">


p {
width: 550px;
color: 818181;
font-family: arial;
font-size: 10px;
}

li {
color: Red;
}

.sizeA {
font-size: 300px;
}

.bold {
font-weight: bold;
}

.blackColor {
color: black
}

.greenColor {
color: 6ed92e
}


#centerDoc {
position: absolute;
left: 41px;
top: 83px;
padding:  15px; /*bottom left*/
}
</style>


   
       


<p><span style="font-weight: bold"><span style="color: black">Damon Thomas</span> - Designer, CEO, LEED AP, NOMA<br>
dthomas@centricdesignstudio.com<br>
dir 313.595.4914<br>
Centric Design Studio<br>
click on the CDS icon to view our website:
</p>


<a href="http://www.CentricDesignStudio.com">
<img src="emailIcon.gif" border="0" alt="www.centricdesignstudio.com">
</a>


<div id="centerDoc">
<p>P.O. Box 4148 - Southfeild, MI 48037<br>
ph 248.943.7177  -  fx 248.436.3401<br>
www.centricdesignstudio.com
</p>
</div>
<br>


<p class="greenColor">Please consider the envionment before printing this email, thanks.
</p>


</body>


</html>

Thanks,
mrdamon

  • Gender: Male
  • From: Chico/Sacramento, CA
  • Registered: 2008-12-19
  • Posts: 2,342

Re: Microsoft Outlook Signature

Instead of using a local file, host the image on your web hosting and link to it that way:

<img src="http://www.yourdomain.com/emailIcon.gif" border="0" alt="www.centricdesignstudio.com">

  • Registered: 2009-01-01
  • Posts: 7

Re: Microsoft Outlook Signature

Thanks falkencreative!!

I tested the signature and it appeared. 
However, the signature didn't apper with any of the css style settings (colors, font size, etc).  Should I host the whole HTML signature on my web hosting instead of ms outlook (my local computer)?

  • Gender: Male
  • From: Chico/Sacramento, CA
  • Registered: 2008-12-19
  • Posts: 2,342

Re: Microsoft Outlook Signature

Keep in mind that for signatures to work, you can't use an external CSS file -- everything has to be internal. Thus,

<link href="root.css" rel="stylesheet" type="text/css">

probably won't work, and that may be why you are having issues.

  • Gender: Female
  • From: San Antonio, TX
  • Registered: 2008-12-19
  • Posts: 3,637

Re: Microsoft Outlook Signature

...and unrelated to the code, but it caught my eye:  Southfeild should probably be Southfield?

  • Registered: 2009-01-01
  • Posts: 7

Re: Microsoft Outlook Signature

Thank you Thelma. smile

  • Registered: 2009-01-01
  • Posts: 7

Re: Microsoft Outlook Signature

Does anyone know how to internalize CSS code into HTML for my outlook e-mail signature? 
Here is a copy of my code:

<html>
<head>
<style type="text/css">

p {
width: 550px;
color: 818181;
font-family: arial;
font-size: 10px;
}

li {
color: Red;
}

.bold {
font-weight: bold;
}

.blackColor {
color: black
}
.greenColor {
color: 6ed92e
}

#centerDoc {
position: absolute;
left: 41px;
top: 83px;
padding:  15px; /*bottom left*/
}
</style>
</head>


<body>
<p><span style="font-weight: bold"><span style="color: black">Damon Thomas</span> - Designer, CEO, LEED AP, NOMA<br>
dthomas@centricdesignstudio.com<br>
dir 313.595.4914<br>
Centric Design Studio<br>
click on the CDS icon to view our website:
</p>


<a href="http://www.CentricDesignStudio.com">
<img src="http://www.centricdesignstudio.com/emailIcon.gif" border="0" alt="www.centricdesignstudio.com">
</a>


<div id="centerDoc">
<p>P.O. Box 4148 - Southfield, MI 48037<br>
ph 248.943.7177  -  fx 248.436.3401<br>
www.centricdesignstudio.com
</p>
</div>
<br>


<p class="greenColor">Please consider the envionment before printing this email, thanks.
</p>
</body>
</html>

  • Gender: Male
  • From: Salisbury UK
  • Registered: 2008-12-20
  • Posts: 1,230

Re: Microsoft Outlook Signature

I think you've done it. Your first post had a separate stylesheet root.css which cannot be read by an email, but in your last post you have put the styles inside style tags in the head section, so that they are inside the same page code.

Alternatively you use inline styles, for example for every p tag you would have
<p style="width: 550px; color: 818181; font-family: arial; font-size: 10px;">..........</p>

and so on.

  • Registered: 2009-11-03
  • Posts: 1

Re: Microsoft Outlook Signature

Hi

Do you know if it is possible to host an Outlook signature online so a few people can use the signature. Then by just changing the html file online everyones signature is updated.

Thanks

Dave

  • Gender: Male
  • From: Chico/Sacramento, CA
  • Registered: 2008-12-19
  • Posts: 2,342

Re: Microsoft Outlook Signature

dmic2009 wrote:

Hi

Do you know if it is possible to host an Outlook signature online so a few people can use the signature. Then by just changing the html file online everyones signature is updated.

Thanks

Dave

I don't believe this is possible -- the signature has to be contained within the email itself.