Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 373
  • Last Modified:

Outlook Stationary HTML Code

I got a good one for you guys.

Our client wants to use a stationary in Outlook that has an image at the top and centered.  Shouldn't be too hard right? Wrong!  The stationary uses an IMG tag which does not allow me to center percentage wise, only in pixels (hspace=).  But if someone is using a different resolution than me then the image would be off-centered.  I can get the image centered in XML but then Microsoft Word cannot read XML so then the image does not show up at all in Outlook.  Here is the code produced by Outlook when creating the stationary.  Thanks in advance

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Tisch Stationery</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.5346.5" name=GENERATOR></HEAD>
<BODY style="FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial"
background=""><FONT face=Arial color=#000000 size=2>
<DIV><IMG alt="" hspace="" src="N:\image002.jpg" align=top
border=0></DIV></FONT></BODY></HTML>
0
conlin
Asked:
conlin
1 Solution
 
dfu23Commented:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Tisch Stationery</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.5346.5" name=GENERATOR></HEAD>
<BODY style="FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial"
background=""><FONT face=Arial color=#000000 size=2>
<DIV style="text-align:center;"><IMG alt="" hspace="" src="N:\image002.jpg" align=top
border=0></DIV></FONT></BODY></HTML>
0
 
ziwez0Commented:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Tisch Stationery</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.5346.5" name=GENERATOR></HEAD>
<BODY style="FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial"
background=""><FONT face=Arial color=#000000 size=2>
<DIV><center><IMG alt="" hspace="" src="N:\image002.jpg" align=top
border=0></center></DIV></FONT></BODY></HTML>
0
 
BogoJokerCommented:
If those don't work you could try:
<DIV style="margin: 0 auto; text-align: center;">
That is a common way to center a <div>.

Joe P
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
CraigHarrisCommented:
Outlook can be a nightmare, as it re-writes the email before sending which means even if you get this looking correct on the senders system, it may be wrong on the recipients system.

You can add style="..." on almost anything in outlook; but it may or may not get kept (it seems a little bit random!)

It may be best to use <center> tags AND style="margin:0 auto; text-align:center;"
0
 
conlinAuthor Commented:
This works but now when I add a signature to the email it puts the signature above the stationary that I want at the top!
0
 
BogoJokerCommented:
Can you put your signature right into the email!?
That would pretty cool =) and it then would not be a problem with something you cannot control.

Joe P
0
 
BogoJokerCommented:
By "right into the email" I meant right into the HTML.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now