Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Jul 2010
    Location
    Sheffield
    Posts
    827
    Thanks
    93
    Thanked 18 Times in 18 Posts

    HTML emails with CSS.

    I need to create a newsletter which emails people a HTML email

    It needs to roughly look like the image i attached.

    Is there a best method for creating HTML emails and use CSS styling?

    Also is the a special way to use images or do i just link to the using the full http path?

    Thanks
    Attached Thumbnails Attached Thumbnails HTML emails with CSS.-newsletter-artwork.jpg  

  • #2
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,531
    Thanks
    8
    Thanked 1,091 Times in 1,082 Posts
    You can put CSS into the email,
    but all images have to be referenced absolute (full URL).
    Images don't go with the email itself.

    A few things ...
    Not everyone accepts HTML emails, they have it set to plain text only.
    I know with my email client, all images are blanked-out with [X] and then
    a pop-up message asking me if I would like to see the images. I have to
    "allow images" to view them. That makes my HTML emails look like crap
    until I accept them. I can probably disable that security thing, but not
    everyone will know how to get around it.

    If the people you are sending your emails to expect the emails, then it might
    be easier to get them set-up to receive them properly.


    .

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    See http://www.sitepoint.com/designers-guide-html-email/ and http://www.sitepoint.com/designers-guide-html-email/

    PS: That two column layout is okay, but I don't understand the purpose of tabs in the header.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    Regular Coder
    Join Date
    Jul 2010
    Location
    Sheffield
    Posts
    827
    Thanks
    93
    Thanked 18 Times in 18 Posts
    Okay, thanks for the tips, im slowly working my way throught it. I'm starting to figure out what things don't work CSS wise, background image being the main one ive seen so far.

    Also apologies for posting this in the wrong place, A mod can remove this post if they wise as i reposted in the relevant section

  • #5
    Regular Coder
    Join Date
    Jul 2010
    Location
    Sheffield
    Posts
    827
    Thanks
    93
    Thanked 18 Times in 18 Posts
    Quote Originally Posted by abduraooft View Post
    PS: That two column layout is okay, but I don't understand the purpose of tabs in the header.
    All the person wants is for the tabs to be a URL to the relevant page on there site.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •