Solved

Outlook Stationary HTML Code

Posted on 2006-07-14
10
498 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
 

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
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 

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

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Email signatures have numerous marketing benefits. Here are 8 top reasons to turn your email signature into a marketing channel.
Resolve Outlook connectivity issues after moving mailbox to new Exchange 2016 server
This Experts Exchange video Micro Tutorial shows how to tell Microsoft Office that a word is NOT spelled correctly. Microsoft Office has a built-in, main dictionary that is shared by Office apps, including Excel, Outlook, PowerPoint, and Word. When …
To add imagery to an HTML email signature, you have two options available to you. You can either add a logo/image by embedding it directly into the signature or hosting it externally and linking to it. The vast majority of email clients display l…

757 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now