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!

Register Log in
  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

HTML News Letter Frustrations 2

Status
Not open for further replies.
Tezdread

Tezdread

Technical User
Oct 23, 2000
468
GB
Hi,

I'm putting together a HTML news letter for internal use, I've created my info boxes and when I preview them in Internet explorer they look fine and just how they should.

When I then go into Outlook and select the same HTML page the table has small gaps in certain areas and nothing I've done so far in the HTML or Dreamweaver will make them look correct.

Is there anything I can do to sort this out?

The code isn't complex it's basically a table with 5 colums and 4 rows...I can post it up if that will help but like I say if you view it in IE it looks fine. (We're using Outlook/Word 2000 and IE 5.5)

Thanks in advance


Tezdread
"With every solution comes a new problem"
 
Sort by date Sort by votes
Without seeing the code there is not much we can do. My initial impression based on your comments is the lack of cellpadding, cellspacing and border in table declaration, but that would show the same in IE. Show us the code, let us help you better.
 
Upvote 0 Downvote
thanks Vragabond

Code: 
<HTML>
<HEAD>
<TITLE>infobox_red</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<TABLE WIDTH=525 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=44 HEIGHT=1></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=152 HEIGHT=1></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=314 HEIGHT=1></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
	</TR>
	<TR>
		<TD ROWSPAN=3>
			<IMG SRC="images/infobox_red2_01.gif" WIDTH=7 HEIGHT=50></TD>
		<TD COLSPAN=4>
			<IMG SRC="images/infobox_red2_02.gif" WIDTH=518 HEIGHT=7></TD>
	</TR>
	<TR>
		
    <TD COLSPAN=2 height="26" bgcolor="#FF3333"></TD>
		
    <TD bgcolor="#FF3333"></TD>
		<TD ROWSPAN=2>
			<IMG SRC="images/infobox_red2_05.gif" WIDTH=8 HEIGHT=43></TD>
	</TR>
	<TR>
		<TD>
<IMG SRC="images/infobox_red2_06.gif" WIDTH=44 HEIGHT=16></TD>
    <TD COLSPAN=2></TD>
	</TR>
	<TR>
	 <TD>
	<IMG SRC="images/infobox_red2_08.gif" WIDTH=7 HEIGHT=128></TD>
		
    <TD COLSPAN=3 align="left" valign="top"></TD>
		<TD>
			<IMG SRC="images/infobox_red2_10.gif" WIDTH=8 HEIGHT=128></TD>
	</TR>
	<TR>
		<TD COLSPAN=5>
			<IMG SRC="images/infobox_red2_11.gif" WIDTH=525 HEIGHT=13></TD>
	</TR>
</TABLE>
</BODY>
</HTML>

All the image paths are absolute in my page I've just changed it for this but as you don't see the images it might not be much good...if not I can upload it later so you can see it as I do...let me know if you need me to do this.

Tezdread
&quot;With every solution comes a new problem&quot;
 
Upvote 0 Downvote
Ok, IE usually falls for this too, I don't know how you tricked it not to. It looks like a whitespace problem. Images are inline elements, meaning they are like text. And because you have a bunch of spaces (properly indenting your code) between <td> and <img>, outlook wants to render those spaces (actually, just one). That will create the space you're mentioning. Try putting it all (between <td></td>) in one line:
Code: 
...
<TR>
        <TD><IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=44 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=152 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=314 HEIGHT=1></TD>
        <TD><IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
    </TR>
...
 
Upvote 0 Downvote
Thanks Vragabond, I'll give that a go in the morning

Tezdread
&quot;With every solution comes a new problem&quot;
 
Upvote 0 Downvote
I tried that but still have the same problems. I then took the source code from the email eidted that slightly but still nothing.

I can't get it all to fit on one line though because the length of the URL is to long but there are no spaces anymore

I'll, try and put a screen shot and the page online later and hopefully you can see from this where the problem is...

Tezdread
&quot;With every solution comes a new problem&quot;
 
Upvote 0 Downvote
I've had a similar experience with Outlook showing odd spaces here and there.

Try sending the email (even though the spaces are there in the compose page) and you might find that they dont appear in the received email.

Tony
________________________________________________________________________________
 
Upvote 0 Downvote
Well would you believe it!?

Your right Fester, when the email is in the compose stage it looks pants but when it's received it looks like it should...

Thanks for all your help

Tezdread
&quot;With every solution comes a new problem&quot;
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
224
lmcate
lmcate
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
2K
Chris Miller
Chris Miller
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
SitesMasstec
  • Locked
  • Question
How to have an HTML opened automatically in an e-mail
Replies
3
Views
244
spamjim
spamjim
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
204
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top