Problem with sending html email

Question

Why when i send html email it looks like:

enter image description here

but initial page is:

enter image description here

Here is code:

MailMessage message = new MailMessage();
                message.IsBodyHtml = true;
                message.Subject = subject;
                message.Body = body;

                foreach (MailAddress recipient in recipients)
                {
                    message.To.Add(recipient);
                }
                if (message.To.Count > 0)
                {
                    SmtpClient smtp = new SmtpClient();
                    smtp.Send(message);
                    return true;
                }

Html file contains css in head. http://pastebin.com/r5V6X4Ld

What is the content of body?

Daniel Hilgarth
– Daniel Hilgarth

2011-05-18 09:55:39 +00:00
Commented May 18, 2011 at 9:55 — Daniel Hilgarth
– Daniel Hilgarth, Commented May 18, 2011 at 9:55
@mahesh: I can... Maybe blocked by your proxy?

Daniel Hilgarth
– Daniel Hilgarth

2011-05-18 09:56:31 +00:00
Commented May 18, 2011 at 9:56 — Daniel Hilgarth
– Daniel Hilgarth, Commented May 18, 2011 at 9:56

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

I assume that the body variable only contains the HTML code, but not the CSS or the images, because both are separate files.
Basically, you need to attach the images to the mail and change the HTML code of the body to point to the correct location. See here for more info and sample code.

This might also be helpful: http://www.alistapart.com/articles/cssemail/

Problem:

Some clients rendered my email with no style whatsoever. I first attributed this to the stripping of styles, but I then discovered that the styles were clearly visible in the source code. I subsequently spent a good deal of time attempting to uncover the culprit, testing countless versions of the email. Alas, the problem was right under my nose: the styles weren’t being stripped — the dots (.) preceding their names were. Therefore, “.Feature {}” became “Feature {}”, resulting in a meaningless style definition.

Solution:

I used class selectors, which ensured that each style would begin with a letter instead of a dot. So “.Feature {}” would become “td.Feature {}” or “div.Feature {}” (depending on the application). A somewhat mundane fix, but effective and (again) compliant.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 18, 2011 at 9:57

Daniel Hilgarth

175k41 gold badges346 silver badges450 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Neir0 Over a year ago

NO. Html file contain css style.

Neir0 Over a year ago

@Daniel Hilgarth Thanks but images is not a problem. Problem is that page looks like css doesnt loaded.

Daniel Hilgarth Over a year ago

Please post the content of body.

Daniel Hilgarth Over a year ago

@Neir0: Thanks. Please see update to my answer. The provided link might help you.

Mahesh KP · Accepted Answer · 2011-05-18 10:08:05Z

0

You have to refer your image with full path ie www.yourdomain/imagename.jpg etc and also have to give the class as inline styles

answered May 18, 2011 at 10:08

Mahesh KP

6,47613 gold badges54 silver badges71 bronze badges

Collectives™ on Stack Overflow

Problem with sending html email

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related