html email - really stuck! :(

**escapedf** · Dec 14, 2009 04:21

hi guys,
Ive tried to email this html email from outlook to hotmail..
Unfortunately in hotmail it gives a space between 2 rows/2 tables ie the email is broken up

Could anyone help?
Heres the HTML - send from your outlook to your hotmail to see:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>


<table width="600" border="0" cellpadding="0" cellspacing="0"><tr><td colspan="3"><img src="http://www.beyondyourdreams.co.uk/header2.jpg" width="600" height="224" border="0" alt="header" style="display:block"/></td></tr></table><table width="600" border="0" cellpadding="0" cellspacing="0"><tr><td width="33"> </td><td width="411"> </td><td width="156"><img src="http://www.beyondyourdreams.co.uk/man.jpg" width="156" height="86" border="0" alt="man" style="display:block" /></td>
</tr>
</table>


<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3" height="224" style="height: 224px;" valign="top"><img src="http://www.beyondyourdreams.co.uk/header2.jpg" width="600" height="224" border="0" alt="header" style="display:block" /></td></tr><tr><td width="34" height="86" style="height: 59px;" valign="top"> </td><td width="410"> </td><td width="156"><img src="http://www.beyondyourdreams.co.uk/man.jpg" width="156" height="86" border="0" alt="man" style="display:block" /></td></tr>
</table>

</body>
</html>

**vinpkl** · Dec 14, 2009 04:31

you dont have doctype in your html so using xhtml closing tags may give your error.

vineet

**escapedf** · Dec 14, 2009 04:34

ive tried with this too:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Still doesnt work?

**LadynRed** · Dec 15, 2009 13:37

You might want to read through some of the tutorials and reference materials here:
www.campaignmonitor.com

**phillip_davies** · Dec 17, 2009 10:33

so the email has a gap between the two tables?

you could try putting everything in one container table e.g.

Code:

<table>
   <tr>
      <td>one row</td>
   </tr>
   <tr>
       <td>
           <table>
             <td>two rows</td>
             <td>two rows</td>
           </table>
       </td>
   </tr>
</table>

although its probably something simple like padding or cellspacing?

hope that helps!

**escapedf** · Dec 18, 2009 02:06

thanks phillip,
still happens though when i do 2 rows
wierd huh? I tried some of mailchimps free templates and they also do this..annoying

**GrahamS** · Dec 18, 2009 02:30

Try putting a <br /> between the tables?

**djjjozsi** · Dec 18, 2009 02:37

have your tried phpmailer class yet? or merge this two tables into one.

**escapedf** · Dec 18, 2009 03:09

whats php mailer? and yes as mentioned, it still does the same thing if its one table

**djjjozsi** · Dec 18, 2009 03:35

if i save this table in one i don't have a break between the images. Just a hole for the banner or the dynamic content.

i've inserted here the example form: test is here

if you fill the form you will get a copy from the message.

search on the internet: phpmailer and you will know what is it.

**escapedf** · Dec 18, 2009 03:43

sorry ive lost you - my code above has it in 1 table - see under the comment 2 rows..
still breaks in hotmail..

thanks for the replies tho ;-)

**djjjozsi** · Dec 18, 2009 03:54

capture the screen you have, and explain in more details what you need to change.
if i save the two tables into one used

Code HTML4Strict:

<tr><td>  </td></tr>

then i get this:
watch

**escapedf** · Dec 18, 2009 04:12

please paste your exact HTML code for anyone reading this as well ? ;-)

**djjjozsi** · Dec 18, 2009 04:27

Originally Posted by escapedf

please paste your exact HTML code for anyone reading this as well ? ;-)

This is it:

Code HTML4Strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Two tables into one</title>
</head>
 
<body>
<table width="600" border="0" cellpadding="0" cellspacing="0"><tr><td colspan="3"><img src="http://www.beyondyourdreams.co.uk/header2.jpg" width="600" height="224" border="0" alt="header" style="display:block"/></td></tr></table><table width="600" border="0" cellpadding="0" cellspacing="0"><tr><td width="33">&nbsp;</td><td width="411">&nbsp;</td><td width="156"><img src="http://www.beyondyourdreams.co.uk/man.jpg" width="156" height="86" border="0" alt="man" style="display:block" /></td>
</tr>
<tr><td colspan="3" height="224" style="height: 224px;" valign="top"><img src="http://www.beyondyourdreams.co.uk/header2.jpg" width="600" height="224" border="0" alt="header" style="display:block" /></td></tr><tr><td width="34" height="86" style="height: 59px;" valign="top">&nbsp;</td><td width="410">&nbsp;</td><td width="156"><img src="http://www.beyondyourdreams.co.uk/man.jpg" width="156" height="86" border="0" alt="man" style="display:block" /></td></tr>
</table>
</body>
</html>

**escapedf** · Dec 18, 2009 04:50

Ok,
using your exact code .. this is what i got:
http://www.beyondyourdreams.co.uk/ab...intHOTMAIL.jpg

Do you see what i mean?
Theres a space between 2 images, top one and bottom one

**phillip_davies** · Dec 18, 2009 05:57

you could try specifying the td heights, looks like something is forcing the table(s) larger than they should be?

Code:

<td colspan="3" style="height:224px"><img src="http://www.beyondyourdreams.co.uk/header2.jpg" width="600" height="224" border="0" alt="header" style="display:block"/></td>

or failing that use the nested table method i suggested before and set the heights of the nested tables relevant to the hight of the images they hold.

trial and error really, if i have a weird email rendering issue i usually try a few different things until something sticks!

User Tag List

Thread: html email - really stuck! :(

Thread Tools

Display

html email - really stuck! :(

Bookmarks

Bookmarks

Posting Permissions