Adobe Community: Page Properties (Background Image)

Currently Being Moderated

1. MurraySummers,

Jun 12, 2012 11:11 AM in reply to MacFly1203

Report

All links in an HTML email must point to files located on a server that is exposed to the internet, i.e., your site.

|

Mark as:

Currently Being Moderated

2. SnakEyez02,

Jun 12, 2012 11:12 AM in reply to MacFly1203

Report

Not possible. When it comes to emails simpler is better. Some clients, like GMail, will rip the backgrounds of the body out, plus, outside of iOS and probably Mozilla (ie: Thunderbird), no one is going to see background images in table cells. If you really need fancy emails, the safest bet is to slice it up and put the images in table cells. That's because GMail is not the best at seeing image maps either. The second solution if GMail is not a huge concern is image maps.

Also, in regards to your path question, DW does not have an email mode, although it is something I constantly push for, and you can too ( https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform ). So you just need to work in code view and update the URLs to be absolute URLs to your domain. The GUI isn't going to be very helpful here.

|

Mark as:

Currently Being Moderated

3. Rik Ramsay,

Jun 12, 2012 12:32 PM in reply to MacFly1203

Report

You need to upload and host all images on a web server - either through iContact or on your own server. You can not send the email with images linked to a local hard disk.

A small note to keep in mind - some email clients do not show background images so if your design is centered around this image appearing, you may want to reconsider your design approach.

|

Mark as:

Currently Being Moderated

4. MacFly1203,

Jun 12, 2012 11:17 AM in reply to MurraySummers

Report

I will be placing the images on iContacts site. When placing an image into the Dreamweaver file I will use the url from the hosted image. I've tested it out and it worked well but I have designed a background for this email in Illustrator. How do I use the background?

Also I read briefly somewhere about needing to use "inline" instead of a "style sheet". What exactly does that mean and how do I do it? Is it needed if I am creating a email?

Thanks for the help!

|

Mark as:

Currently Being Moderated

5. Rik Ramsay,

Jun 12, 2012 11:17 AM in reply to SnakEyez02

Report

SnakEyez02 wrote:

Some clients, like GMail, will rip the backgrounds of the body out, plus, outside of iOS and probably Mozilla (ie: Thunderbird), no one is going to see background images in table cells.

GMail actually show background images if coded properly. The 2 worst offenders for this are Hotmail and Outlook 2010 but even Hotmail can be configured to show them - I just choose to turn them off due to Hotmail making all images a dirty grey until loaded.

I agree though - simpler is better! Especially for email.

|

Mark as:

Currently Being Moderated

6. Rik Ramsay,

Jun 12, 2012 11:31 AM in reply to MacFly1203

Report

MacFly1203 wrote:

Also I read briefly somewhere about needing to use "inline" instead of a "style sheet". What exactly does that mean and how do I do it? Is it needed if I am creating a email?

You can not mail an email with a style sheet - the styles applied need to be inline and in some cases embedded which just means they all need to be on the same page.

Example.

Inline:

<p style="color:#FF0000;">The style is part of the tag.</p>

Embedded:

<html>

<head>

<style>

.red {color:#FF0000;}

</style>

</head>

<body>

<p class="red">The style is defined by the embedded class in the head section.</p>

</body>

</html>

See this link for more information: http://www.w3schools.com/css/css_howto.asp

|

Mark as:

Currently Being Moderated

7. SnakEyez02,

Jun 12, 2012 11:38 AM in reply to Rik Ramsay

Report

Here's another guide to help you understand what you can and can't do:

http://www.campaignmonitor.com/css/

|

Mark as:

Currently Being Moderated

8. MurraySummers,

Jun 12, 2012 11:39 AM in reply to Rik Ramsay

Report

And, if you are going to embed the stylesheet, then you have to embed it BELOW <body>, otherwise the email will ignore the rules.

|

Mark as:

Currently Being Moderated

9. Rik Ramsay,

Jun 12, 2012 11:44 AM in reply to MurraySummers

Report

Murray *ACP* wrote:

And, if you are going to embed the stylesheet, then you have to embed it BELOW <body>, otherwise the email will ignore the rules.

I suppose that depends on how you plan to use the embedded styles. I only ever use embedded styles for overwriting email client specific actions - such as Hotmail removing the first table, iOS adding a link to everything it can save and the background image overwrite for some clients. These go in the head section. I have never tried to put any styles other than inline below the <body> tag. If the style is for basic email styling, I suggest always using inline.

|

Mark as:

Currently Being Moderated

10. MurraySummers,

Jun 12, 2012 12:09 PM in reply to Rik Ramsay

Report

If the style is for basic email styling, I suggest always using inline.

Sometimes you can't like for pseudoclasses, for example, or for descendent selectors. In either of those cases, I put an embedded stylesheet both in the head and in the body. Seems to work fine....

|

Mark as:

Dreamweaver

Page Properties (Background Image)

Jun 12, 2012 11:02 AM

More Like This

Bookmarked By (0)

Answers + Points = Status