Solved

Improve the email display in hotmail/gmail

Posted on 2008-06-12
3
212 Views
Last Modified: 2008-06-12
How can i get this to display better in hotmail and gmail when its sent as an emailer. See this link for the emailer.

http://www.tidyup.co.uk/email_campaigns/emailer/phoenix-newsletter-template.html

And what it looks like in hotmail is:-
http://www.tidyup.co.uk/email_campaigns/hotmail.png
http://www.tidyup.co.uk/email_campaigns/hotmail.jpg

I can't see much wrong with my CSS any ideas?

Thanks
0
Comment
Question by:Sideas
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 10

Accepted Solution

by:
bluefezteam earned 500 total points
ID: 21772613
These types of program can overwrite your own CSS, I've found building HTML emails (and I've built a lot) that it's best to revert to old school methods and use font tags, colours and tables.

That way Hotmail etc won't override your CSS because there is none
0
 
LVL 2

Author Comment

by:Sideas
ID: 21773050
Ok thanks, its fixable using inline CSS :-/ which is what i've done after looking about.
0
 
LVL 10

Expert Comment

by:bluefezteam
ID: 21773111
hey that's cool - good luck.
0

Featured Post

[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Follow this checklist to learn more about the 15 things you should never include in an email signature from personal quotes, animated gifs and out-of-date marketing content.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question