Solved

Outlook Stationary HTML Code

Posted on 2006-07-14
10
499 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
Control application downtime with dependency maps

Visualize the interdependencies between application components better with Applications Manager's automated application discovery and dependency mapping feature. Resolve performance issues faster by quickly isolating problematic components.

 

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

This process describes the steps required to Import and Export data from and to .pst files using Exchange 2010. We can use these steps to export data from a user to a .pst file, import data back to the same or a different user, or even import data t…
MS Outlook is a world-class email client application that is mainly used for e-communication globally.  In this article, we will discuss the basic idea about MS Outlook, its advanced features, and types of MS Outlook File formats.
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…

930 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

11 Experts available now in Live!

Get 1:1 Help Now