Create CSS Email

[Dig]

I have a mailing list I send to and right now still using FP2003. I have
previously just created an HTML with tables and added pictures and text.

It sends the email with the pictures as attachments so I notice that I get
full color emails from companies that I have allowed to send me emails.

They have text, photos, illustrations and so on but never come through with
attachments. After searching around the web for a while I figured that these
are inline CSS.

I have not created these before so I have several questions:
1.) Can I still use FP03 to create these?
2.) Can someone send me a link to a page somewhere that can help me create
this type of email in a step by step manner?

Thanks for your help.

 

[Steve Easton]

Has nothing to do with CSS, they have either linked to images that are on a server.
and your email client is loading the images from the internet,
or
They have embedded the images in the email by creating it in HTML mode.
When emails are created in HTML mode, when you insert an image it becomes
embedded in the email.


--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm

 

[Dig]

Thanks for you reply. I am not sure exactly what you mean but I really need
to understand this.

You said " When emails are created in HTML mode" I am using Outlook Express,
is this what you are talking about. Creating the email in Outlook HTML mode?

If so how can I find out how to do this?
If not are you talking about in FP?

If you can help me with this point I would be appreciative. If Outlook
Express is no good for this can you suggest a program better?

Thanks again.

 

[Mike Mueller]

Html Email is a very tricky beast to get right. How the email clients render
code is a lot different than the browsers do, and seems to favor the
deprecated stuff rather than modern CSS alternatives

What you are looking for is to use the attached images as the source
location. I will try an remember to get the architecture for this, I needed
to us multiple images on emails for a clients site a few months ago.

 

[Rob Giordano [MS MVP]]

It's actually easier to do in OE than Outlook.

To be on the safe side though I usually upload all the images to my
webserver in a folder I use just for this purpose (because otherwise I
forget why they are there).

Design the html email in FP then change all the URL for the images to
absolute (http://www.yourweb.com/emailimages/topbanner.jpg - like that) then
use the page's html to create the email in OE.

And, remember as well that if you're using oddball fonts, the email will
follow the same rules as on the web - unless the viewer has that font on
their machine it won't display as you planned.

And...still you can't be sure any of it will work as planned

So...there's always .PDF !


hth.



--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression

 

[Rob Giordano [MS MVP]]

ps...the image files don't have to be on your server, they can be anywhere
online that allows hotlinking...like flickr, photobucket, etc.


--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression

 

[Mike Mueller]

I love replying to myself...

Anyways, using CDO inside of an ASP page, you can place in these lines as
snippets in your send mail routine. These parts will get the location of a
few images on the server, embed them into the email, and display them inline
with the message

**************************************
strImage1 = Server.MapPath("/images/image1.jpg")
strImage2 = Server.MapPath("/images/image2.jpg")

strHTML="<img src='cid:Image2.jpg' width='142' height='134' /><img
src='cid:image2.jpg' width='283' height='91' />"

Set objEmbedImages = objMail.AddRelatedBodyPart(strImage1, "image1.jpg",
CdoReferenceTypeName)
objEmbedImages.Fields.Item("urn:schemas:mailheader:Content-ID") =
"image1.jpg"
Set objEmbedImages = objMail.AddRelatedBodyPart(strImage2, "image2.jpg",
CdoReferenceTypeName)
objEmbedUImages.Fields.Item("urn:schemas:mailheader:Content-ID") =
"image2.jpg"
objEmbedImages.Fields.Update

objMail.HtmlBody = strHTML
objMail.Send
***************************************

 

[Steve Easton]

When you have the new email window open in OE, click Format and select Rich Text(HTML)

Then create your email.


--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm

 

[Dig]

Thanks for your help.

I love replying to myself...

Anyways, using CDO inside of an ASP page, you can place in these lines as
snippets in your send mail routine. These parts will get the location of a
few images on the server, embed them into the email, and display them inline
with the message

**************************************
strImage1 = Server.MapPath("/images/image1.jpg")
strImage2 = Server.MapPath("/images/image2.jpg")

strHTML="<img src='cid:Image2.jpg' width='142' height='134' /><img
src='cid:image2.jpg' width='283' height='91' />"

Set objEmbedImages = objMail.AddRelatedBodyPart(strImage1, "image1.jpg",
CdoReferenceTypeName)
objEmbedImages.Fields.Item("urn:schemas:mailheader:Content-ID") =
"image1.jpg"
Set objEmbedImages = objMail.AddRelatedBodyPart(strImage2, "image2.jpg",
CdoReferenceTypeName)
objEmbedUImages.Fields.Item("urn:schemas:mailheader:Content-ID") =
"image2.jpg"
objEmbedImages.Fields.Update

objMail.HtmlBody = strHTML
objMail.Send
***************************************