Solved

Outlook Stationary HTML Code

Posted on 2006-07-14
10
500 Views
Last Modified: 2008-03-17
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
Comment
Question by:conlin
  • 6
  • 4
10 Comments
 
LVL 76

Accepted Solution

by:
David Lee earned 500 total points
ID: 17112016
Hi conlin,

Try this.  You dont' have to space things out the way I did.  That was just to make it more readable for me.  The table is the key to doing this.

<!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>
            <TABLE align="center">
                <TR>
                    <TD><IMG alt="" hspace="" src="N:\image002.jpg" align=top border=0></TD>
                </TR>
            </TABLE>
        </DIV>
    </FONT>
</BODY>
</HTML>

Cheers!
0
 

Author Comment

by:conlin
ID: 17121724
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
 
LVL 76

Expert Comment

by:David Lee
ID: 17123955
conlin,

Change the DIV so it's absolutely positioned, then set the BODY to begin after the DIV.  Something like this:

<body topmargin="130" leftmargin="25">
<div id=Logo style="position:absolute; top:0px; left:0px">
    <img src="N:\image002.jpg">
</div>

The actual margin settings need to be adjusted to fit the image you're using.  What this does is fix the DIV in the top-left corner.  The body then begins 130 pixels down and 25 pixels in from the left margin.  
0
Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

 

Author Comment

by:conlin
ID: 17124401
Could you email me at bbrewer@conlinconsulting.com    This is not working   No matter what it wants to put the signature before the stationary.  Thanks
0
 

Author Comment

by:conlin
ID: 17124447
This is the code that I am using now.  The signature still comes first.


<!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 topmargin="130" leftmargin="25" style="FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial" background="">
    <FONT face=Arial color=#000000 size=2>
        <DIV id=Logo style="position:absolute; top:0px; left:0px">
            <TABLE align="center">
                <TR>
                    <TD><IMG alt="" hspace="" src="N:\image002.jpg" align=top border=0></TD>
                </TR>
            </TABLE>
        </DIV>
    </FONT>
</BODY>
</HTML>
0
 

Author Comment

by:conlin
ID: 17124521
Here is a screenshot.  http://i1.tinypic.com/208iv6o.gif
0
 
LVL 76

Expert Comment

by:David Lee
ID: 17126952
The problem is that you're using Word as your email editor.  If you switch to Outlook as the mail editor, then the stationery works perfectly.  It's another of the reasons that I don't recommend using Word as your email editor.  I understand the benefits, but it causes a lot of problems too.
0
 

Author Comment

by:conlin
ID: 17129620
actually if I switch it to outlook it puts the stationary on top but it is alligned to the left now.  I need it at the top and centered.
0
 

Author Comment

by:conlin
ID: 17129681
I am trying to avoid centering it by pixels as well.  I need to center by % because not everyone uses the same resolution.
0
 
LVL 76

Expert Comment

by:David Lee
ID: 17134584
Try this:

<!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 topmargin="150" leftmargin="25" style="FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial" background="">
    <FONT face=Arial color=#000000 size=2>
            <DIV id=Logo style="position:absolute; top:0px; left:0px; height:140; width:inherit">
            <TABLE align="center" width="100%">
                <TR>
                    <TD align="center"><IMG src="N:\image002.jpg" align=top border=0></TD>
                </TR>
            </TABLE>
            </DIV>
    </FONT>
</BODY>
</HTML>
0

Featured Post

What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

Question has a verified solution.

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

Outlook Free & Paid Tools
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Many of my clients call in with monstrous Gmail overloading issues with Outlook. A quick tip is to turn off the All Mail and Important folders from synching. Here is a quick video I made to show you how to turn off these and other folders in Gmail s…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

770 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