Email/HTML Table help

For not being a programmer, it sounds like you have a good grasp on things.

Try putting the images back-to-back horizontally, not using a table. For the end of lines, use the <br/> tag something like this:

Code:

<img src="image1.png"/><img src="image2.png"/><br/>
<img src="image3.png"/><img src="image4.png"/>

 

Image border = 0? Posting the markup would make it easier. Also thought about using inline css instead for this? Tables should only be used for tabular data.

HTML is markup not programming.

 

Try adding a

Code:

style="display:block;"

style to each of the images.

Some email clients treat images the same way as text, so they allow extra space below the bottom line for descending characters.

This fix definitely fixes issues in Hotmail in Firefox - not sure about Outlook though.

It is good practice to use the display block trick on every image in your email anyway to prevent other issues,

----------

Unfortunately due to the way that some email clients render HTML emails, tables are the only option to get half decent layouts, even if it is like coding from the dark ages!

 

I have used a service called Email on Acid before in the past, and it works well. They have a free version of if, that gives you Outlook 03 I believe, as well as a few others. Or you can pay to get testing in more.

 

Make sure to add <table border="0" cellpadding="0" cellspacing="0"> to your table markup
Don't leave any cell empty, add a <br/> in your empty cell

Those are Explorer/Outlook good practice

Hope this could help

 

That looks useful - will check it out