View Full Version : CSS and backgrounds into HTML email

Finland Blue
11-09-2007, 11:52 AM
I want to send an HTML email of a copy of one of my web site pages made in Dreamweaver.

I know I should put absolute addresses in for images, and this works OK, but how can I do something similar with CSS and backgrounds?

Here is the web site address, which I want the email to show exactly as it is : http://www.travel-experience.net/newsletternovember.htm

I am using a email newsletter software to send the emails, called GroupMail - I can edit the HTML source in there.

Thanks for any suggestions.

d a v e
11-09-2007, 12:19 PM
btw your links are broken in the *media* section e.g.
Our Island Hopping cycling tours in the Finnish archipelago
more ...

11-09-2007, 02:19 PM
All references to images, regular ones and background, in HTML and CSS has to be absolute paths to your server.

Finland Blue
11-09-2007, 04:19 PM
Thanks - got it working all except for the backgrounds.

In the source I have for example :


Should I have somewhere there " marks? Or something else?

11-09-2007, 04:49 PM
Yes, that is good coding practice. All attributes should have quotation marks:
<td width="165" height="24" background="http://www.yoursite.com/LEFTtopnew.gif">

Finland Blue
11-10-2007, 07:03 AM
I ut the quotation marks in, pasted all the HTML source text into the GroupMail HTML source box, pressed Apply, and then saw on screen the backgrounds. BUT, when I send the mail all the quotation marks on the background codes have been lost (and of course the backgrounds do not show when receinving the email).

Any idea why this happens?

Finland Blue
11-10-2007, 02:31 PM
I think maybe its something to do with Microsoft Office 2007? Outlook 2007 (which I am using to view the emails) apparently does not display background images (see http://www.emailcenteruk.com/blog/outlook-2007-preview.htm)? Can Dreamweaver code get around this somehow? Or do I have to re-design the page to not use background images??

11-10-2007, 08:15 PM
did you not read the article i posted a few days ago. If you did you have needed to waste your time. Thats why you search the prior post so you don't waste time. View the thread here http://www.dreamweaverclub.com/forum/showthread.php?t=26787

This is direct from the Microsoft MSDN site


Microsoft set back outlook 5 years with this stupidity.

11-10-2007, 08:38 PM
Well, the background images still work in other email clients, so there are a couple ways you can approach this.

1) Keep using background images, but don't use this to convey any important information. That is, they should be purely decorative, and the page should look fine without them.

2) Revert to outdated table layouts.

11-11-2007, 02:04 PM
2) Revert to outdated table layouts. As far as I know you have to do this for HTML emails.