PSD encoding for e-mail newsletters: Outlook

As I started work requiring coding over PSD to e-mail newsletters will begin today talking about how HTML for e-mail messages. As the title says I want to raise today only Outlook 2007 because not correctly display padding and margins, both CSS properties in the newsletters.

For all those who do not know yet, we are using, to convert PSD to HTML, tables, and only the style in línea.Este article will help you in coding of the emails to be sent is and a good help will be also for me Charter on when things get jumbled.

Case:
A list of horizontal links with spaces (margins) between.
These spaces are displayed in Gmail, Yahoo and other email clients, but not in Outlook 2007.Outlook not correctly recognizes the padding and margin especially for online elements such as links, covers, etc..You can try even float: left; or suggested display: block and a friend of mine has no diferencia.No will have spaces.

Sample:
link 1 link 2link 3

This is how looking in Outlook:

* the right margin may not appear in Outlook

Solution:

link 1

link 2

link 2

This is how looking Outlook, once I made the changes:

It sounds strange to insert a table into another table (I hate working with tables as not gives me no flexibility) but unfortunately it is the only solution in this case work.

As it can be seen as an overview, I recommend using padding and margins only for tables (in this case I used margin)) and not for paragraphs, links, arcades and other elements to convert PSD to e-mail messages.

I will be with other tips and tricks for coding of PSD for e-mail newsletters.