Grow your CSS skills. Land your dream job.

NewsLetter mail based design

  • # March 5, 2009 at 1:45 am

    Hi everyone, here is my point:

    I have a NewsLetter for a campaign in my company that I have to send to our subscribers. The problem is that GMail and Hotmail removes anything before the body tags and obviously the styles. But how Envato’s team send this Email Campaing and it display correctly in GMail.

    myNewsLetter link: [I’ve code this only for this question.]
    http://ivorpad.s3.amazonaws.com/news/index.html

    Envato’s Newsletter
    http://blog.themeforest.net/newsletters … ter10.html ?

    Look at the screenshot
    [img]http://i358.photobucket.com/albums/oo27/ivorjpc/Capture-2-1.png[/img]

    # March 5, 2009 at 2:49 pm

    Notice in the Envato newsletter the styles are INSIDE the body, not outside? I’m sure that helps. Personally, I go a step futher and use no styles whatsoever, and use inline styling on every single page element. Awful and painful, but it works.

    # March 5, 2009 at 4:06 pm

    I notice the free e-mail templates at Campaign Monitor do have a stylesheet in the <head> section. This whole area confuses me. I think when my clients want to start e-mailing newsletters (and at least one does) I’ll suggest they use a service like Campaign Monitor or Aweber because I can see so many potential pitfalls.

    Perhaps this is an area you could do a future tutorial / screencast on?

    # March 5, 2009 at 8:43 pm

    take a look at this: http://net.tutsplus.com/tutorials/html- … ml-emails/

    styles have to be inline and you should use tables for the layout. sounds bad, but that’s the only way to display it correctly in every email client

    # March 5, 2009 at 8:45 pm

    Thanks for the tip – i’ll be sure to read it later ;)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".