Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS NewsLetter mail based design

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #24287
    ipad
    Member

    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]

    #54723
    Chris Coyier
    Keymaster

    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.

    #54731

    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?

    #54741
    cabe
    Member

    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

    #54742

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.