Making HTML Outlook Stationary....need help aligning images.

RZillmer · Oct 22, 2002

The html is simple enough....a background image, two images in either of the top corners, and then a line. My only problem is I want the images in the corners with NO MARGIN. I have added topmargin=0 and leftmargin=0 to my <body> tag. That seems to get rid of the left margin, but I still get a top margin. When I view the source on my new message, I see that a <div> </div> has been added to my html file when it is rendered. Why is this? Is there any way to get it to not do that?

I can delete it easily enough to eliminate the top margin, but this is for a client and I want it to be perfect. Also, if it's added when rendered I'm afraid it would just be re-added when the recipient views the e-mail. Thanks in advance for any help.

Targol · Oct 23, 2002

You wrote "...I see that a <div> </div> has been added to my html file when it is rendered". Who did add this div tag ??? Water is not bad as long as it stays out human body ;-)

RZillmer · Oct 23, 2002

hahaha....I meant to say it's adding <div>& nbsp ;</div> to my stationary...without the spaces, of course.

And no one is adding it. For some reason when the .htm file is rendered it is added.

Here is the stationary in it's entirety:

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<META NAME="Template" CONTENT="C:\Program Files\Microsoft Office\Office\html.dot">
<STYLE></STYLE></HEAD>
<BODY topmargin=0 leftmargin=0 rightmargin=0 LINK="#0000ff" VLINK="#800080" BACKGROUND="Citrus Punch Bkgrd.gif">
<IMG SRC="FlyingPicnicTableAddressBIG.jpg" valign=top ALIGN=left><IMG SRC="FlyingPicnicTableLogoSMALL.jpg" valign=top ALIGN=right>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR><HR ALIGN="LEFT" color=red><blockquote>
</BODY>
</HTML>

Targol · Oct 23, 2002

Try to remove the two last meta tags and to add the following style between the <style> tags :

Code:

BODY {
        margin : 0px;
        border-width : 0px;
        padding : 0px;
        margin-left: 0px;
        margin-top: 0px;
}

Water is not bad as long as it stays out human body ;-)

RZillmer · Oct 23, 2002

Thanks, but no dice. I just don't get it. Here is my .htm file now:

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<STYLE>
BODY
{
margin: 0px;
border-width: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
}
</STYLE></HEAD>
<BODY LINK="#0000ff" VLINK="#800080" BACKGROUND="Citrus Punch Bkgrd.gif">
<IMG SRC="FlyingPicnicTableAddressBIG.jpg" valign=top ALIGN=left><IMG SRC="FlyingPicnicTableLogoSMALL.jpg" valign=top ALIGN=right>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR><HR ALIGN="LEFT" color=red><blockquote>
</BODY>
</HTML>

When I select it as stationary for a new message and view the source, this is what I get:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><BASE
href="file://C:\Program Files\Common Files\Microsoft Shared\Stationery\">
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>
BODY
{
margin: 0px;
border-width: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
}
</STYLE>

<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY vLink=#800080 link=#0000ff bgColor=#ffffff
background="Citrus Punch Bkgrd.gif">
<DIV>& nbsp ;</DIV><IMG src="FlyingPicnicTableAddressBIG.jpg" align=left
valign="top"><IMG src="FlyingPicnicTableLogoSMALL.jpg" align=right valign="top">
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<HR align=left color=red>

<BLOCKQUOTE></BLOCKQUOTE></BODY></HTML>

Of course...no spaces by the & and ;

Targol · Oct 23, 2002

do you have the translation in french of "stationary" because my outlook version is french ? Water is not bad as long as it stays out human body ;-)

RZillmer · Oct 23, 2002

No, I don't...but the arrow in this picture is what brings up the stationary options in my version. I'm guessing it's the same in the french version.

tnsbuff · Oct 23, 2002

Hi,

I've noticed this problem also.

(By the way, for the person who was asking about a French translation, I don't have it, but in this case the correct spelling is "stationery" instead of "stationary" which is a proper spelling, but for a different word with a different meaning.)

I think the only way to get an image up to the very top might be to use it as a background image for the page.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Making HTML Outlook Stationary....need help aligning images.

RZillmer

Programmer

Targol

Technical User

RZillmer

Programmer

Targol

Technical User

RZillmer

Programmer

Targol

Technical User

RZillmer

Programmer

tnsbuff

Technical User

Similar threads

Part and Inventory Search

Sponsor