johnuk — 2010-12-09T06:20:19-05:00 — #1
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?
system — 2010-12-09T06:29:53-05:00 — #2
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.
johnuk — 2010-12-09T06:32:43-05:00 — #3
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?
system — 2010-12-09T06:37:39-05:00 — #4
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.
johnuk — 2010-12-09T06:39:31-05:00 — #5
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?:)
stevie_d — 2010-12-09T07:38:09-05:00 — #6
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!
johnuk — 2010-12-09T07:50:03-05:00 — #7
Thanks for your retro wisdom gents. P.s I like the cat! :goof: