Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 628
  • Last Modified:

Outlook and HTML format emails. Table bug.

Hello.

This question is regarding construction HTML in emails.

I have the following HTML:

<html>
      <head>
      </head>
      <body leftMargin="0" topMargin="0" rightMargin="0">
            <div style="LEFT: 0px; POSITION: absolute; TOP: 0px">
                  <table style="FONT-SIZE: 12px; FONT-FAMILY: arial" cellSpacing="0" cellPadding="0" width="600" border="0">
                        <tr>
                              <td>
                                    <table id="Table3" cellSpacing="0" cellPadding="0" width="600" border="0">
                                          <tr>
                                                <td vAlign="top" align="left"><img src="http://urbanpanic.com/images/top.gif" border="0"></td>
                                                <td vAlign="top" align="right">img</td>
                                          </tr>
                                    </table>
                              </td>
                        </tr>
                        <tr>
                              <td vAlign="top">
                                    <table id="Table2" style="FONT-SIZE: 12px; FONT-FAMILY: arial" cellSpacing="0" cellPadding="0" width="600">
                                          <tr>
                                                <td vAlign="top" align="left" width="40"><img src="http://urbanpanic.com/images/bottom.gif"></td>
                                                <td width="108">&nbsp;</td>
                                                <td><FONT color="#dcdcdc" size="5"></FONT>
                                                      <H4><FONT color="#dcdcdc" size="5">Title</FONT></H4>
                                                      <H4><FONT size="2">ddsdkhj sdfsdifj sdi;f si;d;adf asdi;fgjdi;f gddg 'dsfojkodfg </FONT>
                                                      </H4>
                                                      <H4><FONT size="2">dsf gopksdfgopk sdf#ogk dfpgk sdopfgk</FONT></H4>
                                                      <H4><FONT size="2">df gksdfpgk sdfpgkdpsfg</FONT></H4>
                                                      <H4><FONT size="2">dfgk dfp</FONT></H4>
                                                      <H4><FONT size="2">gk dfpgk</FONT></H4>
                                                      <H4><FONT size="2">&nbsp;dfgk</FONT></H4>
                                                      <H4><FONT size="2">&nbsp;
                                                                  <BR>
                                                      </H4>
                                                      </FONT>
                                                </td>
                                          </tr>
                                    </table>
                              </td>
                        </tr>
                        <tr>
                              <td>
                              </td>
                        </tr>
                  </table>
            </div>
      </body>
</html>

------------------------------------------------------------------------------------------------------------------

If you save the code into a HTML file, you will notice that the images are flush against each other. When you copy the contents of the page and paste into an outlook email, below the first image.. a gap appears?!!?!?

Why does this happen, and is there any way around? I've noticed this when I use tables within tables.. is there any work around ?

Thanks
0
bLUE
Asked:
bLUE
  • 5
  • 3
1 Solution
 
rubiconxCommented:
This is just one of those MS Quirks.  Provided you don't use MS Office to edit your email, then the gap you see whilst editing will not be seen by the recipient.  It often frustrates me that HTML viewed by Outlook, Word, Frontpage, IE can all look slightly different when they're all provided by the same company.  

The only way to check these things is to send a test to yourself.  You can view the message in the sent items or the inbox.  What you see there 'should' be what the recipient sees.

I presume you are actually saving the above as a stationary template!?!

Regards,

Dave
0
 
bLUEAuthor Commented:
Yes.. I wanted to make some templates that users could use. The only other way around this is to use a background image of the table. Problems like these are highly annoying

0
 
rubiconxCommented:
You just need to educate the user.  I have created dozens of templates for many companies, and provided the user understands the problem I've never had any trouble.

The other choice is to use HTML tags that don't have these quirks, but that leaves you with some very boring designs.

Regards,

Dave
0
 [eBook] Windows Nano Server

Download this FREE eBook and learn all you need to get started with Windows Nano Server, including deployment options, remote management
and troubleshooting tips and tricks

 
rubiconxCommented:
Oh, and you can't use table backgrounds because they don't work is many of the other browsers - including Outlook 2003 if I recall correctly!
0
 
bLUEAuthor Commented:
What I was going to do was.. create the template.. and get the user to update the HTML using something WYSIWYG html editor and then paste into outlook. But that will still give the weird little error.. and now it seems like I cant use background images.. ! hheh

How are you going about this then ?
0
 
rubiconxCommented:
I avoid all HTML tags that don't work!

I need to clarify the table backgrounds.  You can use background colours but not background images!

I create a template with the word 'START' in the main body.  The user is then instructed to double-click the start to write their message.  If there are any 'quirks' I let them know and tell them to ignore them.  As long as they know it won't be seen by the recipient they're happy.  It sounds daft but works very well.

Dave
0
 
bLUEAuthor Commented:
I just dont know how I can get around it. its important to have the layout i posted above with those images flush together.. need that layout.

Thanks for the help tho.. good to realise its not only me.. !
0
 
rubiconxCommented:
Well if you figure it out, post the solution here 'cause I've been trying for over a year now and haven't cracked it yet!
0

Featured Post

NEW Veeam Agent for Microsoft Windows

Backup and recover physical and cloud-based servers and workstations, as well as endpoint devices that belong to remote users. Avoid downtime and data loss quickly and easily for Windows-based physical or public cloud-based workloads!

  • 5
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now