HTML email design question

First off, I know about all of the pitfalls of using html in email, but this job requires it. My issue is that I'm using inline styles as is necessary in today's Microsoft-destroyed email environment, and I need to modify the spacing between paragraphs. The big problem is that Hotmail does not support the margin tag and Outlook 2007 doesn't support the padding tag at paragraph level. If I use both then every other email client adds double spacing. Does anyone know a way around this?

I suppose you could use double carriage returns between paragraphs.
<p>some text here</p>
<p> </p>
<p>some more text here</p>
Or you might try using style="text-indent: 45px" to indent the first line of your paragraphs.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

HTML email design and coding expert needed

Hi, I am doing some HTML email ad design work and I can use
some help in making sure everything is done right to work best in
all the email reader applications. I'd be glad to pay for any help.
Thanks! -Todd

Contact me off-list, please....
forums at domain - and replace domain with
'great-web-sights.com'.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Todd Stuart Lerner" <[email protected]>
wrote in message
news:em9a8b$9jq$[email protected]..
> Hi, I am doing some HTML email ad design work and I can
use some help in
> making
> sure everything is done right to work best in all the
email reader
> applications. I'd be glad to pay for any help. Thanks!
-Todd
>

HTML Email Rollover question

Hi Guys
I am looking at adding an image rollover to some links on my HTML email, i have read alot on using css but am sure its not supported unless it's inline. my coding knowlege limited so i may not be fully understanding the expliantions given.
basically is there anyway to add an image rollover without using css?
Thanks guys n girls
Dean

With the exception of GMail, style rules are permitted in the head element, see.
Hover effects are not supported in Outlook 2007/2010, Gmail, iOS or Android. You may still want to include the a:hover style for all supporting clients: Outlook 2000/2003, Hotmail, Apple Mail, and Yahoo! mail ...see

IPhone HTML email thumbnails fail to link

I have an HTML email design with a section that uses images as links (thumbnails) to higher resolution versions of themselves. It works everywhere except the iPhone; each time you tap the link (a low res, small image), it brings up the "Save as" and "Copy" buttons instead of sending you to the Hi-Res image... What's wrong?
I can only be certain the problem exists on an iPhone4 (non "s"). I've heard it rumored that it may be a problem with the iPhone 4 specifically? Any workaround?

Ooops, I spoke a little to soon. I was so excited to finally see the BG image show up, that I didn't even notice that the table data was not displaying. Argggh!
Where in your code would I add the data?
I have it in this little 3 by.3 table which I attempted to nest inside a cell of your code. Looked fine in a browser, but was invisible in newer Outlook messages.
Here is the data table
<TABLE>
        <TBODY>
        <TR>
          <TD height=25 colSpan=3></TD></TR>
        <TR>
        <TR>
          <TH height=10 width=200>
           <DIV align=right><I><FONT size=2>Range of Returns</FONT></I>
          </DIV></TH>
          <TH width=140>
            <DIV align=center><I><FONT size=2>September</FONT></I></DIV></TH>
          <TH width=190>
            <DIV align=center><I><FONT size=2>YTD</FONT></I></DIV></TH></TR>
        <TR>
          <TD height=10>
            <DIV align=right><FONT size=2>All PCM Accounts </FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>1.0% - 8.0%</FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>5.1% - 21.7%</FONT></DIV></TD></TR>
        <TR>
          <TD height=21>
            <DIV align=right><FONT size=2>S&P 500 </FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>2.4%</FONT></DIV></TD>
          <TD>
            <DIV align=center><FONT size=2>14.6%</FONT></DIV></TD></TR>
        <TR>
          <TD height=75 colSpan=3></TD></TR></TBODY>
</TABLE>
Would love your assistance.

MS SharePoint 2010 Designer Workflow Email - Enhanced Rich Text Field look-up values on HTML email have large spaces

MS InfoPath 2010 form with RTF (Rich Text Fields)
MS SharePoint 2010 Custom Library
MS SharePoint 2010 Designer Workflow Send Email
http://office.microsoft.com/en-us/sharepoint-designer-help/send-e-mail-in-a-workflow-HA010239042.aspx
https://www.nothingbutsharepoint.com/sites/eusp/pages/creating-html-emails-with-spd-workflows.aspx
Hi all of the above work, our question is how to control the RTF (Rich Text Field) look up values to the InfoPath 2010 form in the HTML email?
How to FORMAT the RTF look up value? in the HTML email
EXAMPLE
we have a InfoPath 2010 form published in the SharePoint 2010 custom list library there are 5 RTF fields (Notes1, Notes2, Notes3, Notes4, Notes5) there are other plain text fields, date fields, and other field types in the form
We use a HTML table to make the email look like the InfoPath form, so when the users fill out the form and they get the email notification everything looks the same.
Our problem is the EXTRA LINE SPACE in the RTF look up values
We want to remove any leading spaces, and line spaces between HTML table cells
Our Workflow has the HTML in a Workflow variable, as you know it does not support remote CSS it has to be in-line style for any formatting we want all cells to have
valign="top" the email should align at the top of the cell, all field types do except the RTF look up values they make the email look bad and they contain a lot of white space.
Please test this in your enviroment
<table>
<tr><td>Title:</td><td>[%Current Item:Title%]</td><td>[%Current Item:Notes1%]</td></tr>
<tr><td>Created by:</td><td>[%Current Item:CreatedBy%]</td><td>[%Current Item:Notes2%]</td></tr>
<tr><td>Date Created:</td><td>[%Current Item:Created%]</td><td>[%Current Item:Notes3%]</td></tr>
<tr><td>Modified by:</td><td>[%Current Item:ModifiedBy%]</td><td>[%Current Item:Notes4%]</td></tr>
<tr><td>Date Modified:</td><td>[%Current Item:Modified%]</td><td>[%Current Item:Notes5%]</td></tr>
</table>
I could not update the question below to the proper forum section. that is why i am asking again.
http://social.technet.microsoft.com/Forums/en-US/a7918bfb-9166-4bdb-828c-132a0c7611e3/ms-sharepoint-2010-designer-workflow-emails-huge-lines-paces-in-rich-text-fields-values-from-ms?forum=sharepointcustomization
-Isaack

Hi IssackB,
perhaps you may try this article:
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/f8fa2a11-9f74-4dd2-b277-21ce872fdcb2/can-we-add-rich-text-editor-to-the-sharepoint-designer-2010-workflow?forum=sharepointcustomizationprevious
there are some notes that perhaps you may check:
Use the same font for all the controls to ensure consistent spacing between rows.
Choose Size from the Format menu, and then choose To Fit from the menu that appears. This adjusts the size of each control, depending on the font set for the data that appears
in the control.
NOTE: The Print Preview and Output To commands use different algorithms for calculating text width; therefore, the text may occupy more or less
space in the RTF file.
Reduce the amount of blank space above and below the report controls. Any vertical
space between the controls is converted to whole lines
in the RTF file. For example, a
space of .02 inches can increase to .1667 inches in the
RTF file.
Make sure controls on the same output row are not too close to each other or overlapping. This can cause the Output To command to omit the controls or to align the columns incorrectly
in the RTF file.
Use the Align command from the Format menu to ensure that a row of controls is aligned properly on the report. If a row of controls is not aligned properly, the Output To command may place the controls
in different rows, causing extra blank
spacein the RTF file.
and please have a check there are updates for exchange 2013 and will be available with the upcoming release of CU4 for Exchange 2013, that stated the format rtf was saved instead HTML. http://support.microsoft.com/kb/2862739/en-us
Regards,
Aries
Microsoft Online Community Support
Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.

Cross Platform HTML Email Questions

Hi,
I am creating new html emails from within dreamweaver for use in a service like constant contact. The service I use is COMF5. They have a rudimentary (but nice) WSYIWYG editor so I am giving it a whirl in Dreamweaver.
I first made the mistake of creating a beautiful file in CSS, pasted it in the editor and found divs and info floating all over the place.
I just found an article by an adobe pro on doing this and ZOMG, what a huge help. Here is what I think I underatand and my question:
1. Everything is tables, inclding the background which is created at 98%.
2. The body is to be nested tables.
3. Attributes are to be defined within the table by use of the property bar and not to include creating css rules.
4. The one exception is inline styles created within the boundaries of the table.
5. Important rule is to not have CSS sitting at top of code in document.
My big question at present is, how can I code links to be other than blue and underlined? I would use CSS to do that on my pages.
Thanks ain advance for further insight!
Rob

Rob2Smith wrote:
Hi,
I am creating new html emails from within dreamweaver for use in a service like constant contact. The service I use is COMF5. They have a rudimentary (but nice) WSYIWYG editor so I am giving it a whirl in Dreamweaver.
I first made the mistake of creating a beautiful file in CSS, pasted it in the editor and found divs and info floating all over the place.
I just found an article by an adobe pro on doing this and ZOMG, what a huge help. Here is what I think I underatand and my question:
1. Everything is tables, inclding the background which is created at 98%.
2. The body is to be nested tables.
3. Attributes are to be defined within the table by use of the property bar and not to include creating css rules.
4. The one exception is inline styles created within the boundaries of the table.
5. Important rule is to not have CSS sitting at top of code in document.
My big question at present is, how can I code links to be other than blue and underlined? I would use CSS to do that on my pages.
Thanks ain advance for further insight!
Rob
I'll second what Joey said. Everything inline with email clients. They are too unreliable, especially with Outlook. Constant Contact though can be a pain in that you can't just add links to the email if you want them to be tracked. Search their documentation for the "SimpleURLProperty" tag that they use. If you do not include this, and the code they leave for you in the code view when you import your own code, none of their tracking features will work. And this goes for images as well as text links. Lots of conditions when sending through Constant Contact if tracking is a key. One of the key reasons I have used other services for awhile now.

Slicing an image to be used as a nav bar for html email

The html email that I've created renders as designed in most email clients. It doesn't in Outlook 2007. It was suggested that I slice an image for the nav bar so it displays horizontally as designed instead of vertically.
It's been a long time since I used slicing images in Photoshop. It doesn't appear that Image Ready is there anymore. I use Photoshop CS3. Is there a straightforward document that could walk me through the steps to accomplish this? Using the Photoshop "help" confuses the heck out of me and when I asked this question in the Photoshop forum, many looked at it but I've had no responses. Or could it be done in Dreamweaver somehow?
The web version of the html email is: http://www.theshimogaproject.com/email/riverrun-guests-email.html

You can't use DW to slice an image. Do you have Fireworks? It's really easy to do it in Fireworks, that's what I would use. If you need to use PhotoShop, a quick Google search, "slicing images in photoshop," return plenty of tutorials that you can choose from.

Responsive HTML email help needed

Hi everyone,
first things first, Im a graphic Designer by trade, so some of my questions might be really simple and my method of working might be terrible...
that being said, here is my question. Im in the middle of revamping the company I work for's emails and have decided that since im doing the work, I want to make them responsive to screen size etc.
However, I create them in Indesgn, slice the PDF to Photoshop, then add the linking and text elements in dreamweaver... This has worked perfectly for me in the past but now when I try to add any code or CSS that I find that should in theory help me with my problems I just cant seem to get my designs to fir to screen...
Can anyone out their help me?
Like I said, im really not a pro at this and am working at it from a visual designers point of view...
Thanks
Chris

I'm really sorry to say it and, in the interest of saving you time and headaches, I'm not going to sugar-coat it...
Pretty much everything you're doing is "the worst possible way to do it" when it comes to html email.
I'm thinking the best plan of attack for you would be to find and use a template available from services like www.constantcontact.com or www.icontact.com so you can just drop imagery and text into pre-built "will work in a large number of email clients" documents.
If you do want to learn to code html emails, you have to come to terms with the fact that they're stuck in about 1990 as far as "best practices" go and a lot of what you can do with websites just doesn't work well for them.
You need to start in Dreamweaver with a table based layout, then add your images from photoshop (the html created by PS is notoriously rigid and difficult to add/change anything in). The problem is, not all email clients are alike and very few of them render like a browser. There are some that won't show any images, there are some that will strip out css or the entire <head> section of an html document and there are others that will render with all the fidelity of a modern browser.
Here's a good article by one of the other posters here (Nancy O): Alt-Web Articles, HTML E-mails and Newsletters

Why is my HTML email showing up wrong in different email account?

I've seen this before and I think it has to do with CSS (which I realize isn't supposed to be in emails), but I'm super new to this and have scoured the internet to find out exactly what I'm doing wrong and how to fix it. It shows up properly in my Yahoo acccount, but not in my Gmail accounts (which initially threw it in Spam, if that has anything to do with it). I only know the very basics of HTML and CSS, but still have get this work done and I'm assuming someone will be able to view the code and see what my issue is pretty quick - I hope! It previews in browsers just fine, it's only when I'm click "Forward to a Friend" to send it to myself to test.
See the HTML and screencaps of the difference in view below...
My HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Description" content="LandOf.org is a land use information salon for Minnesota developers, planners and the public to learn about growing smarter. LandOf.org covers everything along the transect from central cities to rural areas with topics such as mixed land use to stakeholder collaboration with experts, downloadable plans, case studies and images for each. LandOf.org is a mingling of voices that asks, “how can we do what’s best for Minnesota?”
" />
<title>Summer Reading List: Best of Smarting Off Blog</title>
<style type="text/css">
.rulebottom {
          border-bottom-width: 1px;
          border-bottom-style: dotted;
          border-bottom-color: #483225;
.ruleleft {
          border-left-width: 1px;
          border-left-style: dotted;
          border-left-color: #483225;
.texta {
          font-family: arial, helvetica, sans-serif;
          font-size: 11px;
          color: #483225;
.texta a {
          font-family: arial, helvetica, sans-serif;
          font-size: 11px;
          color: #483225;
.titlea {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 19px;
          text-decoration: none;
          color: #80CCA9;
.titleb {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 19px;
          text-decoration: none;
          color: #154051;
.textblue {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          text-decoration: none;
          color: #154051;
.bottominfo {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 16px;
          color: #FFFFFF;
.border {
          border: thin solid #7C5A45;
.text {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #977347;
          line-height: 16px;
.intro {
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 12px;
          line-height: 16px;
          color: #977347;
          font-style: italic;
.publisher {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 14px;
          color: #3D1B01;
.text a {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #87C1A9;
          line-height: 16px;
body {
          background-color: #EAF5AE;
.text1 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #171800;
          line-height: 18px;
</style>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2283394-35");
pageTracker._trackPageview();
} catch(err) {}</script>
</head>
<body>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EAF5AE">
<tr>
    <td><p align="center"> </p>
      <p align="center"><span class="text">Summer reading list from LandOf.org. Having trouble viewing this email? <a href="http://www.landof.org/email/7-13.html" target="_blank" style="color:#6CA233">View it online.</a></span></p>
      <table width="650" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
          <td colspan="6"><div align="right"><a href="http://www.landof.org" target="_blank"><img src="http://www.landof.org/email/images/head.jpg" width="650" height="129" border="0" /></a></div></td>
        </tr>
        <tr>
          <td width="26" rowspan="6" valign="top"><img src="http://www.landof.org/images/spacer.gif" width="25" height="1" /></td>
          <td width="425" valign="top"></td>
          <td width="14" rowspan="6" valign="top"><img src="http://www.landof.org/images/spacer.gif" width="14" height="1" /></td>
          <td width="16" rowspan="6" valign="top"><img src="http://www.landof.org/images/spacer.gif" width="15" height="1" /></td>
          <td width="150" rowspan="6" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><table width="150" height="3" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FFFFFF"><table width="150" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><table width="150" height="3" border="0" cellpadding="0" cellspacing="0" bgcolor="#154051">
                                <tr>
                                  <td></td>
                                </tr>
                              </table></td>
                          </tr>
                          <tr>
                            <td><p align="left"><br />
                                <img src="http://www.landof.org/email/images/blog-bubble.jpg" width="87" height="69" /><br />
                              </p>
                              <font style="color:#154051;font-family:Arial;font-size:8pt;font-weight:bold;line-height:10pt;"> THE LATEST FROM THE SMARTING OFF BLOG </font><br />
                              <br />
                              <font style="color:#154051;font-family:Arial;font-size:8pt;font-weight:normal;line-height:11pt; "><strong>Recommendations: Who to Check out on Facebook</strong><br />
                              <br />
                              The following are a few of our favorites to keep in touch with on Facebook. Like them too for resources, news and more.</font><br />
                              <br />
                              <font style="color:#154051;font-family:Arial;font-size:8pt;font-weight:normal;line-height:11pt; "><a href="http://blog.landof.org/2012/09/recommendations-who-to-like-on-facebook.html" target="_blank" style="color:#6CA233">Read more. »</a> </font> <br/>
                              <br />
                            <br/></td>
                          </tr>
                        </table></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="3px" bgcolor="#154051" ></td>
              </tr>
              <tr>
                <td><div align="center"> <a href="http://www.landof.org/email/12-12.html"><img src="http://www.landof.org/email/images/last-issue.jpg" alt="Read the last issue" width="150" height="208" border="0" /></a> </div></td>
              </tr>
            </table>
            <a href="http://blog.landof.org/2011/02/celebrate-life-in-twin-cities-watch.html" target="_blank"></a></td>
          <td width="20" rowspan="6" valign="top"><img src="../images/spacer.gif" width="20" height="1" /></td>
        </tr>
        <td valign="top"><img src="http://www.landof.org/email/images/recommended.jpg" alt="Recommended" width="425" height="75" /><br />
            <table width="421" border="0" cellspacing="0" cellpadding="0">
            </table></td>
        </tr>
        <tr>
          <td valign="top"><p><strong><a href="http://blog.landof.org/2013/05/16-rules-for-growing-smarter-city.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">16 Rules for Growing a Smarter City</a></strong>
            <p><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">Kaid Benfield—professor, nonprofit founder and author specializing in the topics of smart growth and sprawl—discusses the need for moving past simply advocating for smart growth to putting quality plans into action.<br />
              <br />
            <a href="http://blog.landof.org/2013/05/16-rules-for-growing-smarter-city.html" target="_blank" style="color:#6CA233">Read more.</a></font>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/05/northfield-named-as-having-complete.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Northfield Named as Having a "Complete Street Policy"</a></strong></p>
            <p><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">There are 488 cities, states and regions with Complete Street policies in the US. In 2012, 130 new policies were passed. Northfield, MN has made the cut.<br />
              <br />
              <a href="http://blog.landof.org/2013/05/northfield-named-as-having-complete.html" target="_blank" style="color:#6CA233">Read more. »</a></font></p>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/05/walk-score-ranks-most-walk-and-bike.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Walk Score Ranks Most Walk- and Bike-Friendly US Cities</a></strong><br />
              <br />
              <font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">Where do the Twin Cities rank regarding their walking and biking scores? What cities are doing better? How can we improve?<br />
              <br />
              <a href="http://blog.landof.org/2013/05/walk-score-ranks-most-walk-and-bike.html" target="_blank" style="color:#6CA233">Read more. »</a></font></p>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/05/generation-y-prefers-walkable-downtown.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Generation Y Prefers Walkable Downtown Living—For Now</a></strong><br />
            </p>
            <table width="425" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="267"><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">People in the 18-to-34 age bracket currently prefer to rent in downtown areasover the suburbs and a sprawling yard. But what happens when they decide to raise families in larger homes?<br />
                  <br />
                  <a href="http://blog.landof.org/2013/05/generation-y-prefers-walkable-downtown.html" target="_blank" style="color:#6CA233">Read more. »</a></font></td>
                <td width="18"> </td>
                <td width="140" valign="top"><img src="http://www.landof.org/email/images/7-13-walkabledowntown2.jpg" width="140" height="105" alt="Downtown Mpls" /></td>
              </tr>
            </table>
            <hr noshade="noshade" size="1" />
            <p><strong><a href="http://blog.landof.org/2013/06/barcelona-fold-out-apartment-is-just.html" target="_blank" style="color:#977347;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:20px">Barcelona Fold-Out Apartment Is Just 250 Square Feet</a></strong><br /></p>
            <p><font style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #977347;line-height: 16px;">This ingenious tiny studio apartment has everything a larger home does—a dining room, a kitchen, a bedroom, a lounge and more. How does it all fit into 250 square feet?<br />
              <br />
            <a href="http://blog.landof.org/2013/06/barcelona-fold-out-apartment-is-just.html" target="_blank" style="color:#6CA233">Read more. »</a></font></p>
            <p> </p></td>
        </tr>
      </table>
      <div align="center">
        <p align="center"><a href="http://www.landof.org/email/forward/forwardplease.html" target="_blank"><img src="http://www.landof.org/email/images/forward.png" width="200" height="50" border="0" /></a></p>
        <p align="center" class="texta"><a href="http://www.landof.org/privacy.html" target="_blank" style="color:#483225">Privacy Policy</a></p>
        <font style="font-family:arial,helvetica,sans-serif;font-size: 11px;color:#483225;">To ensure you continue to receive this email, please add <a href="mailto:[email protected]" target="_blank" style="color:#483225">[email protected]</a> to your address book.<br />
        Did someone forward this email to you? <a href="http://www.landof.org/contact.aspx" target="_blank" style="color:#483225">Sign up</a> to receive your own notifications from LandOf.org.<br />
        <br />
        <u><a href="mailto: [email protected]" target="_blank" style="color:#483225">Request more information or contact LandOf.org</a></u>.<br />
        <br />
        <a href="http://www.landof.org" target="_blank" style="color:#483225">www.LandOf.org</a> | ©2012 LandOf.org<br />
        26 E. Exchange Street, Suite 206, St. Paul, MN 55101</font>
        <p align="center" class="texta">
          
          <a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?pco=tbxnj-1.0&url=landof.org%2 Femail%2F10-12.html&pubid=xa-4feb7dd23fdf0efa" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/facebook.gif" border="0" alt="Facebook" /></a> <a href="http://api.addthis.com/oexchange/0.8/forward/twitter/offer?pco=tbxnj-1.0&url=landof.org%2F email%2F10-12.html&pubid=xa-4feb7dd23fdf0efa" target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/twitter.gif" border="0" alt="Twitter" /></a> <a href="http://www.addthis.com/bookmark.php?source=tbxnj-1.0&=250&pubid=xa-4feb7dd23fdf0efa&ur l=landof.org%2Femail%2F10-12.html " target="_blank" ><img src="http://cache.addthiscdn.com/icons/v1/thumbs/more.gif" border="0" alt="More..." /></a>
          
        </p>
        <p align="center" class="texta"><a href="http://www.adsoka.com/w2e.html" target="_blank" style="color:#483225">Email by Adsoka</a></p>
      </div></td>
</tr>
</table>
</body>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2283394-35']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</html>
How it's supposed to show up:
How it's showing up in Gmail (Incorrectly! All the copy should be within the white box.):
Screencap from DW:
So, is it CSS causing this? Are the Tables setup incorrectly? Something not Inline? Not enough info for you? Gmail HATES ME?!
I'm just not seeing it and need to put the question out there while I continue to search for an anwer. Please respond!
Thanks!

Many mail clients reject images, JavaScript and embedded CSS styles. For best results use plain text near the top to communicate your message and give a link to the actual web page on your server.
For mail clients that do have limited support for HTML, use uncomplicated tables and inline CSS rules (inside the body tag).
All that meta data description is a red flag to spam filters. You shouldn't be using meta description or keywords in e-mails.
The article below has some good tips & resources for reliable e-mail templates you could use:
http://alt-web.com/Articles/HTML-Emails.shtml
Nancy O.

Help needed with creating HTML email in Dreamweaver

Hi everyone, would really appreciate some help with a dilemma or two that I have.
I have created the following newsletter in Dreamweaver and uploaded it to our website:
http://www.nova-design.co.uk/sales/000030.html
Now, when I go into my email mass mailing client (Handymailer) and send a test out, I encounter a couple of problems.
Firstly, in Outlook when I receive the email, the grey table on the right of the eshot, is crushed and a lot of the single line text is forced to go over two lines...
Secondly, in Hotmail, the table displays fine, but it does say that "This message is too wide to fit your screen. Show full message."
Once I click "Show full message" it displays in full, but I then need to scroll across to the middle of the browser to view the email.
If I left align the newsletter will this problem be solved? Or is there a way in Dreamweaver that I can edit the entire page size so that it's not too wide?
The table is 600px wide so I assumed that any email sent out would shrink to this size.
Any help would be greatly appreciated! This is the first full HTML email I have sent out so it's going to be far from perfect!

mozza34 wrote:
I need to look into using inline css styles, I have no idea how to so need to read up on those.
I created a transparent GIF and placed it, but that moves my text down because the image is in the way? Am I doing that right?
Make the transparent gif 1px high.
Is it the links in the right column that go onto two lines? If so that could be because the links are wider than the actual column itself..so you will have to make column wider.
If you can't sort it, have a look at the code below, copy and paste into a new Dreamweaver document and test out. Inline css styling is used in the code below. I've masked your email so no spam bots get hold of it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body style="background-color: #CCC;">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto;">
<tr>
<td width="412" style="font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 10px 10px; background-color: #fff; vertical-align: top;">
<table width="392" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center;"><img src="http://www.nova-design.co.uk/images/novalogo.jpg" alt="Nova Design" width="208" height="155" align="top" /></td>
</tr>
</table>
<p style="font-size: 16px; font-weight: bold;">September 2011 Update</p>
<p>Welcome to our September 2011 Newsletter! Keeping you up to date with all things Nova Design.</p>
<p><strong>New Addition</strong></p>
<p>We would like to welcome to our team Kieran Duggal. Kieran joins us from Schneider Electric and will be placed into a newly created recruitment role within the company.</p>
<p>With the contracting side of our business growing, Kieran will be looking after all things recruitment.</p>
<p>If you are currently looking for work in the field of engineering design, or if you are looking to take on contract or permanent design engineers, feel free to contact Kieran for a chat about current possibilities.</p>
<p> Kieran Duggal - Recruitment Executive<br />
      <a href="mailto:[email protected]" style="color: #000;">
      [email protected]</a><br />
    01384 405 977</p>
    <p><strong>Social Media</strong></p>
    <p>Further expanding our Social Media horizons, we have decided to create a group on LinkedIn. Here we will be listing current vacancies and allowing people from the engineering world to take part in various discussions. Please make sure to join our group, as we will be looking to develop it over the coming months.</p>
    <p><strong>Revamped Design Team</strong></p>
    <p>We have recently taken on several enthusiastic, highly skilled graduates. We feel our current team of design engineers is stronger than ever, with a healthy mix of vast experience and youth. We are constantly searching for the best engineering talent in order to consistently provide our clients with high quality levels of work.</p>
    <p><strong>Summary</strong></p>
    <p>2011 has been a busy, exciting year so far and long may it continue. Our clients are what make us, and we would like to thank those of you who have placed business with us in the past.</p></td>
<td width="158" style="font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0 10px; background-color: #333; vertical-align: top;"><img src="../images/novalogo.jpg" alt="Nova Design" width="168" height="1" align="top" />
<p style="color: #fff;">
<strong>Nova Design Ltd</strong><br />
Watt House<br />
Innovation Centre<br />
Pensnett Trading Estate<br />
Kingswinford<br />
West Midlands<br />
DY6 7YD</p>
<p style="color: #fff;">T: +44 (0)1384 400 044<br />
F: +44 (0)1384 400 090</p>
<p style="color: #fff;">W: <a href="http://www.nova-design.co.uk" style="color: #fff;" target="_blank">www.nova-design.co.uk</a><br />
E: <a href="mailto:[email protected]" style="color: #fff;">[email protected]</a></p>
<table width="168" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.facebook.com/novadesignuk" target="_blank"><img src="http://www.nova-design.co.uk/images/facebook.gif" alt="Facebook" width="25" height="25" align="absmiddle" style="border: none;" /></a> <a href="http://www.facebook.com/novadesignuk" style="color:#fff;" target="_blank">Facebook</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://twitter.com/novadesignuk" target="_blank"><img src="http://www.nova-design.co.uk/images/twitter.gif" alt="Twitter" width="25" height="25" align="absmiddle" style="border: none;"/></a> <a href="http://twitter.com/novadesignuk" style="color:#fff;" target="_blank">Twitter</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.linkedin.com/groups?about=&gid=4002529&trk=anet_ug_grppro" target="_blank"><img src="http://www.nova-design.co.uk/images/linkedin.gif" alt="LinkedIn" width="25" height="25" align="absmiddle" style="border: none;"/></a> <a href="http://www.linkedin.com/groups?about=&gid=4002529&trk=anet_ug_grppro" style="color:#fff;" target="_blank">LinkedIn</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.nova-design.co.uk/blog/?feed=rss2" target="_blank"><img src="http://www.nova-design.co.uk/images/rss.gif" alt="RSS" width="25" height="25" align="absmiddle" style="border: none;" /></a> <a href="http://www.nova-design.co.uk/blog/?feed=rss2" style="color:#fff;" target="_blank">RSS Feeds</a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

When I forward an HTML email with embedded graphics to someone, it forwards it as plain text.. this is driving me batty.. how do I forward such mails INTACT??

I have the latest Thunderbird installed on a new 64-bit Winblows Eight netbook.. fantastic program, but one problem is driving me absolutely batty, and after using the latest Thunderbird for weeks, I simply can't figure out how to fix it..
I'm on a lot of mfr. and other kinds of mailing lists, like eBay watch list alerts, and so on.. these are not s p a m (although I get plenty of that.. who doesn't).. but lists I WANT to be on..
Many such emails from those mailing lists are in HTML format with embedded graphics.. I'm not talking about graphic file attachments, but embedded graphics which are coming from the senders' servers, and appear AS a graphic in the email.. sometimes such emails are one huge graphic with hardly any text.. all well and good..
However, here's the problem.. when I want to forward such an email to a friend, Thunderbird ALWAYS formats it as plain ASCII text.. I know this because I look in the "sent mail" folder, and can see that it has turned an HTML email with embedded graphics into plain ASCII text..
I absolutely can't figure out how to get it to forward an HTML email with embedded graphics INTACT, so the sender receives it looking the way it looks when I receive it from a mailing list, or an advertiser, or eBay, or whoever..
Is Thunderbird capable of forwarding an HTML email with embedded graphics INTACT?.. If so, how / where do I turn on that capability?..
If the capability to do this isn't built into the program, is there an add-on I can install that will give it that ability?..
I am not new to computers.. but this really has me stumped.. I want to put Thunderbird on my 32-bit Vista laptop and stop using its horrible "Windoze Mail" program, which I've been using for years, and is slower than snot, and has all kinds of other problems..
So, assuming whoever reads this FULLY understands my question, PLEASE tell me how to get Thunderbird to have the ability to forward an HTML email with embedded graphics AS-IS, so the receiver(s) I forward it to see it exactly the way I see it when I receive it.. if that ability is built in, please tell me how to turn it on.. if that ability is not built-in, please tell me what add-on I need to install to give Thunderbird this capability.. if Thunderbird absolutely can't forward an HTML email with embedded graphics at all, please also tell me that..
A virtual box of candy and a dozen long-stemmed roses to anyone who can give me a solution that works..
Thanks..

Dear Mr. Toad (my all-time favorite ride at Disneyland ;-) ..
Thanks so much for your detailed reply.. my netbook is in the bedroom, turned off.. I (so far) only use it in the evening, in the bedroom.. I've saved your response, and will try your suggestions, and let you know if they solve the problem I described. I really appreciate you taking the time to post such a detailed reply..
I can't answer your Thunderbird "configuration" questions, because I'm in the living room, using the crap Vista laptop, on which I plan to install Thunderbird, and then take Windoze Mail out in the street and drive over it a few times.. I'll get back to you one way or the other, and let you know if your instructions solved the problem, or not..
I don't understand why Thunderbird "out of the box", so to speak, simply doesn't forward HTML emails with embedded graphics, (like Outlook Excess, and Winblows Mail do).. without having to go through those steps. I personally HATE HTML email, but over the years, it's become more and more prevelant.. so it's a problem I must fix..
Thanks again..
Harv..

How to send html email notification in bpel

hi gurus,
i want to send html email notification from bpel.
before, i already successful send html email with attachment, but when i send an email without attachment, then the body message will turn into a plain text.
as i check from the email accepted, email with attachment will have a mime type "text/html" but if no attachment then it will be "text/plain"
from the bpel configuration, by default the mime type already set to "text/html; charset=UTF-8", below is the sample configuration in my bpel process
[quote]
<copy>
                                <from>string('text/html; charset=UTF-8')</from>
                                <to variable="varNotificationReq"
                                    part="EmailPayload">
                                    <query>ns10:Content/ns10:MimeType</query>
                                </to>
                            </copy>
[/quote]
i think this suppose to be a easy configuration, but i'm not sure whether i miss something in configuration the email process or this is a bugs in bpel.
environment:
linux
jdev 11.1.1.6
do u guys ever facing a same problem or have a solution to this ? please throw some light.
thanks
===
update, i found a temporary solutions.
so i add a attachment from the process design, and then i change it from the source.
[quote]
<copy>
                                <from>
                                    <literal>
                                        <Content xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService">
                                            <MimeType xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService">multipart/alternative</MimeType>
                                            <ContentBody xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService">
                                                <MultiPart xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService">
                                                    <BodyPart xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService">
                                                        <MimeType xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService"/>
                                                        <ContentBody xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService"/>
                                                        <BodyPartName xmlns="http://xmlns.oracle.com/ias/pcbpel/NotificationService"/>
                                                    </BodyPart>
                                                </MultiPart>
                                            </ContentBody>
                                        </Content>
                                    </literal>
                                </from>
                                <to variable="varNotificationReq"
                                    part="EmailPayload">
                                    <query>ns10:Content</query>
                                </to>
                            </copy>
<copy>
                                <from>string('text/html; charset=UTF-8')</from>
                                <to variable="varNotificationReq"
                                    part="EmailPayload">
                                    <query>ns10:Content/ns10:ContentBody/ns10:MultiPart/ns10:BodyPart[1]/ns10:MimeType</query>
                                </to>
                            </copy>
                            <copy>
                                <from>string('your message')</from>
                                <to variable="varNotificationReq"
                                    part="EmailPayload">
                                    <query>ns10:Content/ns10:ContentBody/ns10:MultiPart/ns10:BodyPart[1]/ns10:ContentBody</query>
                                </to>
                            </copy>
[/quote]
make sure you put the mime type multipart/alternative into the email payload content. by default, when you add attachment, it will generate mime type multipart mixed automatically.
if you don't change it to multipart/alternative, your email will show a attachment, but actually your email doesn't contain any attachment.
and then for the message and mimetype make sure you have that ns10:bodypart, because this email already been set as a multipart email.
when you add attachment, by default it will generate 2 body part, first one is for the body message and the second one is for the attachment. since i only want to use the body message only, then i have to erase the second bodypart
with this workaround, i can send a html email without attachment perfectly.
but i have to take note, when i updating the email process from process design, then the source will be generated again automatically, and the edited one will be replaced.
thanks.

Make sure you upload all of the images used in your email to a server you control. Then, change your image paths to point to those uploaded images with absolute links.
You will get marked as spam if you attempt to send images as attachments to a large list of recipients and most email clients won't download images to begin with, so make sure your html email makes sense with broken pictures.
CSS support is spotty across email clients, if you use css, make sure it's inline, not embedded in the <head> or externally linked in the <head>. Some email clients strip out the <head> section entirely.
Basically, you need to design your html email as if you haven't moved out of the 90's yet, as far as web design is concerned, in order to get maximum cross client compatibility.
Then, when you're ready, I would suggest using a service like www.icontact.com or www.constantcontact.com if your subscriber list is anywhere over 100 or so recipients.

How to send HTML email in Outlook

How do I send a HTML email in Outlook 2003? I figured out how to do it in Outlook Express. I can't figure out how to open the place for entering the source code like OE. How do I do this.
Yes, I have already posted the HTML onto a server.
Yes, the CSS is in the HTML file.

Don't use Outlook or Outlook Express for this.
My recommendation is the same as Joe's. Either use a dedicated bulk email software or a bulk email service like MailChimp, etc...
If your list is especially large, and you attempt to send to a volume that's prohibited by your server or email service provider, you could be in violation of their anti-spamming rules. You don't want that.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
Sorry Joe. Didn't mean to call you EagerBob.

How to use/import CM Tags in html email templates?

Hi guys
I would like to start designing html email templates and send mailings for my clients. Can anyone tell me how I can easily insert CM tags so that the template will be easily adapted to the content of the certain email in the email manager like Campagin Monitor?
Thanks!
Bob

Hi Nancy O.
I would like to design my own templates and instantly insert the right tags and so, so that I can import the templates to websites like Campaign Monitor and my clients can open templates when sending new mailsings.
The goal is to have my own designed templates for my clients with their layouts which they can use for their mailings. Also extending the newsletter (adding new article fields) should be possible etc.
Can you tell me what codes I need and what I should pay attention to in order to design nice templates that will appear correctly in nearly each mailbox?
Thanks in advance!
Bob

Upgrade to 4.5 device software on Telus Pearl 8130: HTML Email viewer doesn't work

I just upgraded the software on my Telus Mobility (Canada) BlackBerry Pearl 8130 (from 4.3).
One of the main reasons I wanted to upgrade was to take advantage of the HTML email viewer (yeah! finally!).
My installation went fine, and the View Messages in HTML option is enabled (was by default, have verified it again).
On my first test email that I sent to myself from my Yahoo account to my default ISP email account, here's what happened. The Yahoo email uses a very simple "stationery" as background, consisting of two small graphic files, one in the upper left and one in the lower right. In between those two graphics is the text you wish to write. So I put the words "test test" in the text portion and sent it to myself.
When the email was received on the Pearl, indeed I saw the two graphics. However, the text was not displayed.
That was the first attempt. The second attempt produced no graphics at all.
I also tried sending myself an email using some formatting, like bold fonts, different text colors, underline and one jpg file. None of the formatting came through, and the jpg came through as an attachment (instead of in the the body of the email where it was placed). When I tried to open the jpg, by clicking on "1 Attachment", I got an error stating that it is an unrecognized file type and cannot be opened.
So it appears that the upgrade took 1 step forward and 3 backwards.
Anyone experience this, and if so, is there a fix, either now or in the works? Does RIM Support read these forums?
Telus Tech Support said that something is being done but they weren't too specific.
I have another upgrade-related question regarding Documents to Go, but I'll post that in a separate thread.
Message Edited by bwv565 on 12-16-2008 11:43 PM

hello,
about your Bluetooth problem, I suggest you one a new discussion on the decicated board called "BlackBerry Accessories". ou will find there experts about Bluetooth.
http://supportforums.blackberry.com/rim/board?board.id=accessories
about the third point : it usually takes a long time for the device to emerge after a battery pull. It's quite common, you can't do anything about it.
about the second point. In my opinion there at least one picture that is corrupted (or one index file).
in the folder containing that image, do you have many images ? Let's call that folder A.
I suggest you to move them one by one into another folder B, then scroll through the folder A.
it will certainly reset a few times, until at one point it wont' freeze, meaning the folder A does not contain the corrupted image anymore.
you then know that the last image moved from A to B is the culprit.
The search box on top-right of this page is your true friend, and the public Knowledge Base too:

HTML email design question

Similar Messages

Maybe you are looking for