Creating a HTML Signature in Outlook 2007

This is the method:
http://merill.net/2008/03/creating-html-signatures-on-outlook-2007/

To keep it simple, open the html code in word.  Copy the output and paste directly into Outlook.  The code will carry over.

Shreedhar, I have seen this link before. I could not work this out.

x66, I open the HTML file in word and it opens as a picture. Although it's a HTML file.

@ftsos: open word and create your signature.  When done press Ctrl + A then Ctrl + C.  This will copy the signature to your clipboard.  Now, open Outlook, create a new signature and press Ctrl + V in the editor to paste the signature.  This is the easiest method.

@abhitrig: I have tried that already.
@x66_x72_x65_x65: this has not worked for me.

I may be having a stupid day or missing something obvious. I have uploaded the signature on link below. If you look at the signature, the Twitter, Youtube etc has links. Whenever I do the methods you described it gets inserted as a picture.
http://www.laptoprepairworkshop.co.uk/leticia_new_footer.html

Please advise, getting desperate.

Can you post the html version of your signature?

@abhitrig:

See below:

http://www.laptoprepairworkshop.co.uk/leticia_new_footer.html

Looking at the html:

<img src="http://mn2s.com/footer/leticia.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="9,214,46,252" href="http://www.facebook.com/mn2sagency" />
  <area shape="rect" coords="56,215,93,252" href="http://www.twitter.com/mn2sagency" />
  <area shape="rect" coords="101,213,140,252" href="http://www.myspace.com/mn2s" />

  <area shape="rect" coords="150,214,189,253" href="http://www.youtube.com/mn2sagency" />
  <area shape="rect" coords="8,9,59,58" href="http://mn2s.com/" />
</map>

You are creating a map. If i understand it correctly are you saying that the images are fine but the links are missing in outlook? i recall reading about issues with map co-ordinates in outlook. try to hover your mouse little up and down from the images to see if you get the links and then try fixing the co-ordinates.

@abhitrig:

What I am saying is that the two methods suggested, always ends up inserting as the whole HTML file as one big picture and the links don't work. Try it for yourself and you will see.

@ftsos: Yes, I see what you're saying.  Without knowing the requirement for area maps I was under a different presumption.

It appears that in order for this to work you'll need to separate the social icons and use regular link tags...
<img src="http://mn2s.com/footer/leticia.jpg" style="border:none;" /><br/>
<a href="http://www.facebook.com/mn2sagency"><img src="facebook.png" style="border:none;"></a>
<a href="http://www.twitter.com/mn2sagency"><img src="twitter.png" style="border:none;"></a>
...etc.

You'll likely need some styling to get this aligned properly.

See http://utahfd.com/tmp/sig_test.htm

 

<a href="http://mn2s.com/"><img src="http://utahfd.com/tmp/sig_header.png" style="border:none;"></a><br />
<a href="http://www.facebook.com/mn2sagency"><img src="http://utahfd.com/tmp/ico_facebook.png" style="border:none;"></a>
<a href="http://www.twitter.com/mn2sagency"><img src="http://utahfd.com/tmp/ico_twitter.png" style="border:none;"></a>
<a href="http://www.myspace.com/mn2s"><img src="http://utahfd.com/tmp/ico_myspace.png" style="border:none;"></a>
<a href="http://www.youtube.com/mn2sagency"><img src="http://utahfd.com/tmp/ico_youtube.png" style="border:none;"></a><br />
<a href="http://mn2s.com/"><img src="http://utahfd.com/tmp/sig_footer.png" style="border:none;"></a>

Select allOpen in new window

@x66_x72_x65_x65:

What is the best way of using the code you sent me? I have tried to past it and it does not work.

@x66_x72_x65_x65:

Your a star.

And the rest big thank you for your participation.

Thanks, remember to host the files on your own webserver as I'll be removing them from mine.