Community Forum

Over the years we have built up a community of email marketers, coders and designers that live and breathe email.

Use the Email on Acid Forum like your virtual water cooler: Stop by to discuss email code, quirky clients and fixes and post your issues (with an example of the code) for our community to offer its assistance.

 
   
New rendering problems

fingerprn

Newbie
Total Posts:  3
Posted: 10 October 2009 02:14 AM

When I first started using Email on Acid, my emails looked fine in AOL Aim Mail, Outlook 2003 and Yahoo New. A few days later, there was a problem (the same problem) with all three. It’s as if someone changed the rendering code.

Here’s what’s happening: Spaces aren’t showing up between paragraphs. For example, the following…

<p>Dear Nancy,</p>
<
p>How are you?</p

would normally look like this…

Dear Nancy,

How are you?

Instead, it’s rendering like this…

Dear Nancy,
How are you?

I conducted a real world test using all three email clients and they all displayed my email correctly. My guess is that someone over there changed a few things and not for the better. Just wanted to let you know.


 

fingerprn

Newbie
Total Posts:  3
Posted: 26 October 2009 05:36 PM
[ # 1 ]

Update: I sent my email using another method and it did show up in Yahoo Classic and New looking that same as it’s rendered on this site. However, it showed up correctly in the other clients.

It’s really irritating that paragraph tags can create a completely different look depending on what email client is used. Does anyone know how to work around this or do I just have to use breaks throughout my email?


 

acidadmin

Avatar
Administrator
Total Posts:  43
Posted: 28 October 2009 06:34 PM
[ # 2 ]

You bring up a great question!  The issue (and seemingly random result) is caused by default web browser CSS combined with default email client CSS. 

The best way to overcome the issue with paragraph tags is to use embedded or inline css to control margins inside your email and thereby override the defaults.  For example:

<p style="margin:10px 0"

  The other option, which you stated above is to simply use BRs.

When using web based email clients (such as Hotmail, AOL, G-Mail, or Yahoo) recipients can receive an email using any of the popular web browsers (IE, Firefox, Opera, Chrome, or Safari).  Therefore, we recommend that you first test your email in each of the popular web browsers before you run an Acid test. At this time, it is our intention to display the web email client results as it would appear in the web browser you are running your test in.

If you find a discrepancy, please use the “report a discrepancy” feature in the acid test result, that way we can pull up the exact code you are looking at and attempt to resolve the issue. 

Thanks for your feedback and happy testing!


 

ahendrickspriority

Newbie
Total Posts:  1
Posted: 15 July 2010 01:47 PM
[ # 3 ]

I always use double breaks (<br><br>) instead of paragraph () tags in emails.  They’re more reliable.


 

thumbslinger

Newbie
Total Posts:  11
Posted: 29 July 2010 04:59 PM
[ # 4 ]

And… always validate your code. When I’ve validated my code and then pasted it in at emailonacid, I’ve removed several issues in various email clients.

Here’s the link to paste in your code and validate:
http://validator.w3.org/#validate_by_input


 

acidadmin

Avatar
Administrator
Total Posts:  43
Posted: 29 July 2010 05:17 PM
[ # 5 ]

Thanks so much thumbslinger for posting to our forum. 

Our system now validates your code so you don’t have to use any other tools.  When you submit your HTML, we validate it based on your doctype.  From there you have the option to continue forward or cancel your test.  This feature is intended to help developers save time in testing. 

If you are using a credit and our code validation tool picks up on anything, you have the option to cancel the test and avoid using a credit.


 

Joel

Newbie
Total Posts:  9
Posted: 04 January 2011 08:34 PM
[ # 6 ]

ahendrickspriority: if you use only break tags, are you not wrapping paragraphs in tags?  For validation, breaks should only exist within paragraph tags, so perhaps you’re just adding breaks at the bottom (inside) of a paragraph to add spacing to the bottom of paragraphs? 

acidadmin: thanks for the validation in the tool!  This indeed does save time, and knowing prior to running the test allows us to back out and fix anything before waiting.  Awesome work!