Help
Hi guys,
I've just started designing and managing a clients Email marketing.
I'm wondering if I need to take browser compatibility into consideration?
After doing a bit of research (found this site very useful)...it seems that Outlook, Hotmail, Yahoo and Gmail are the most popular desktop & web email clients.
I take it each client deals with the email HTML in different ways, so a focus on each client looks necessary. However, what role does each browser play in the process?
Page 1 of 1
Browser Compatibility for Emails
Rate Topic:
#1
woodsytime 
- Forum Newcomer
-
- Group: Members
- Posts: 64
- Joined: 21-January 10
- Reputation: 0
Posted 30 September 2010 - 10:02 AM
#2
zed
- Web Guru
-
- Group: Moderators
- Posts: 4,941
- Joined: 25-May 10
- Reputation: 703
- Gender:Male
- Experience:Intermediate
- Area of Expertise:Designer/Coder
Posted 30 September 2010 - 10:19 AM
well Outlook probably won't have any browser issues. The last time I did an HTML e:mail, and that was a few years ago so others may have newer input, is that you have to go back to being as simple and basic as possible.
#3
andyl
- White space enthusiast
-
- Group: Members
- Posts: 1,534
- Joined: 21-January 10
- Reputation: 210
- Gender:Male
- Location:Surrey
- Experience:Intermediate
- Area of Expertise:Web Developer
Posted 30 September 2010 - 10:26 AM
Outlook hates HTML & CSS (<div> tags).
Stick to tables and basic CSS and you should be fine with most email clients.
Stick to tables and basic CSS and you should be fine with most email clients.
#4
davehalo1
- Dedicated Member
-
- Group: Members
- Posts: 169
- Joined: 24-June 08
- Reputation: 11
- Gender:Male
- Location:Leeds
- Experience:Advanced
- Area of Expertise:Video Production
Posted 30 September 2010 - 11:29 AM
Use table based layouts.
No paragraph tags.
No background images.
Keep the css to an absolute minimum.
Test in as many email clients as you can.
No paragraph tags.
No background images.
Keep the css to an absolute minimum.
Test in as many email clients as you can.
#5
Wickham
- Web Guru
-
- Group: Moderators
- Posts: 2,875
- Joined: 11-June 09
- Reputation: 257
- Gender:Male
- Location:Salisbury UK
- Experience:Intermediate
- Area of Expertise:Web Developer
Posted 30 September 2010 - 02:07 PM
Some more info:-
No stylesheets and no head section style tags. Code an inline style in every table tag and EVERY td tag.
No div tags.
Image urls must be absolute ( ie http://www.domain.com/image.jpg ).
Background images are OK in a parent table with just one tr tag and one td tag. Then you insert another table with all your content in several tr and td tags inside the only parent td tag. Backround images work best if there is only one td tag.
Outlook 2002 does process background images but Outlook 2007 does not (it will just ignore it without affecting anything else).
See the bottom of this page for some general comments:-
http://www.wickham43...rmhtmlemail.php
No stylesheets and no head section style tags. Code an inline style in every table tag and EVERY td tag.
No div tags.
Image urls must be absolute ( ie http://www.domain.com/image.jpg ).
Background images are OK in a parent table with just one tr tag and one td tag. Then you insert another table with all your content in several tr and td tags inside the only parent td tag. Backround images work best if there is only one td tag.
Outlook 2002 does process background images but Outlook 2007 does not (it will just ignore it without affecting anything else).
See the bottom of this page for some general comments:-
http://www.wickham43...rmhtmlemail.php
Share this topic:
Page 1 of 1