SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    38911 Basic Bytes Free johnuk's Avatar
    Join Date
    Jul 2008
    Location
    Somerset, England
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Safe to use floats inside email newsletter?

    Hi all,

    I have chopped up an image of 9 products into 9 seperate thumbs. Im floating them to sit correctly - looks great. But is this a safe approach once the email has been sent out?


    Many thanks!!

  2. #2
    Non-Member Kalon's Avatar
    Join Date
    Aug 2010
    Location
    At my computer
    Posts
    2,012
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    probably not.

    in creating html emails you have think way retro and stick to the KISS principle in layout and styling.

    css support varies greatly in email clients and html emails is the 1 place where I would say it is ok to use tables for layout.

    try to keep style specifications to font and colours and not much more in order to minimise the risk of the message content breaking in the email client.

    a couple of tips.

    1) send both a html and plain text version of the content in the one email to the recipient.

    2) include a link to a web based version of the content in the email.

  3. #3
    38911 Basic Bytes Free johnuk's Avatar
    Join Date
    Jul 2008
    Location
    Somerset, England
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Kalon View Post
    probably not.

    in creating html emails you have think way retro and stick to the KISS principle in layout and styling.

    css support varies greatly in email clients and html emails is the 1 place where I would say it is ok to use tables for layout.

    try to keep style specifications to font and colours and not much more in order to minimise the risk of the message content breaking in the email client.

    a couple of tips.

    1) send both a html and plain text version of the content in the one email to the recipient.

    2) include a link to a web absed version of the content in the email.
    Hi,

    I really appreciate your reply. I didnt actually write the template, im cleaning up a designers work. The actual template uses a basic table layout, it is literally just one jpg chopped up into 9 small ones. Infact, these thumbs sit inside <td></td> column tages.

    With this in mind, would you say I should still avoid the floats on these thumbs?


    Thankyou!!

  4. #4
    Non-Member Kalon's Avatar
    Join Date
    Aug 2010
    Location
    At my computer
    Posts
    2,012
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    personally I would not use floats but I can't say they definitely won't work. it depends on the email client and how well it supports css.

    once you have your template set up, send the email to a few different email clients and see how it looks in them.

  5. #5
    38911 Basic Bytes Free johnuk's Avatar
    Join Date
    Jul 2008
    Location
    Somerset, England
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Kalon View Post
    personally I would not use floats but I can't say they definitely won't work. it depends on the email client and how well it supports css.

    once you have your template set up, send the email to a few different email clients and see how it looks in them.
    Thanks for your input - on this instance I dont have access to the clients mailshop script. I usually write all my own scripts, but in this instance i gotta take a chance.

    Perhaps the use of align="left" would be useful on this occasion?

  6. #6
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,882
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    See a guide to CSS support in email.

    As Kalon says, email is the only time when you should party like it's 1999, put everything in layout tables and use HTML tags and attributes for fonts, styling, alignment etc. Yes, using align="left" is probably safest!

  7. #7
    38911 Basic Bytes Free johnuk's Avatar
    Join Date
    Jul 2008
    Location
    Somerset, England
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your retro wisdom gents. P.s I like the cat!
    Last edited by johnuk; Dec 9, 2010 at 06:50. Reason: spelling mistake


Bookmarks

Posting Permissions

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