I'm working on an html email that needs to render well on the Blackberry OS. The formatting of the text keeps getting blown up in Blackberry, see screenshots.
Blackberry ------------ Correct ------------
Here is my current code -
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="background-color:#000000 !important;padding:0;" bgcolor="#000000">
<tr>
<td style="color:#ffffff;font-size:12px;background-color:#000000;" bgcolor="#000000" valign="top">
<span style="font-weight:bold;font-size:22px;mso-line-height-rule:exactly; line-height:24px;">
Aliquam Commodo Velit vel Ipsum
</span>
<span style="mso-line-height-rule:exactly; line-height:13px;">
<br>
</span>
Duis consectetur velit vel ipsum interdum anella onsequat lacus mattis.
</td>
</tr>
</table>
Any thoughts would be greatly appreciated. This is wracking my brain. Thanks!
this did it for me:
#media (max-width: 600px) {
* { -webkit-text-size-adjust:none; }
}
try adding min-width='600px' to the table, as some devices dont like widths in % (eg. Androids). Also, note the font-size=12px is applied to both the <span> as its applied to the <td>.
It is obvious that the font-size:22px is overriding the font-size:12px given in td. What you can do is that instead of span divide your td into two td's and let them have the different font-sizes' html emails get the font from the td and not span tags.
Related
I am trying to achieve the following design on my EDM:
I have tried the following:
<mj-section
padding="12px 48px 12px"
background-color="#FFF"
>
<mj-column width="50%">
<mj-image
src="assets/img/image-1.png"
width="231px"
padding="0"
align="center"
/>
</mj-column>
<mj-column width="50%" background-color="#F0F0F0">
<mj-text
color="#101010"
font-size="29px"
line-height="35px"
font-family="Arial, sans-serif"
font-weight="700"
align="right"
padding="0"
>
<p>Lorem ipsum dolor sit amet</p>
</mj-text>
</mj-column>
</mj-section>
but I am getting not my desired result:
How can I make the 2nd column's height fill the whole section to equal the height of the other column?
Hope somebody can help, thanks!
You can give the whole row (or both columns) the same background color
<mj-section
padding="12px 48px 12px"
background-color="#fff">
<mj-section
background-color="#F0F0F0">
<mj-column width="50%" background-color="#F0F0F0">
<mj-image
src="assets/img/image-1.png"
width="231px"
padding="0"
align="center"/>
</mj-column>
<mj-column width="50%" background-color="#F0F0F0">
<mj-text
color="#101010"
font-size="29px"
line-height="35px"
font-family="Arial, sans-serif"
font-weight="700"
align="right"
padding="0"
>
<p>Lorem ipsum dolor sit amet</p>
</mj-text>
</mj-column>
</mj-section>
</mj-section>
Let me know if that works.
I am creating an email template to use in Pardot. I have coded the email up. It works fine in OSX Mail, Outlook 07 +, Opera Mail, however GMail is being a real pain. It is adding some weird height or something to the tr or td in my table.
Any suggestions?
<table border="0" cellpadding="0" cellspacing="0" width="228">
<tbody>
<tr valign="bottom">
<td valign="bottom"><span pardot-region=""><img src="widget_top.jpg" alt="Placeholder"></span></td>
</tr>
<tr bgcolor="#ffd13f">
<td style="padding: 10px;">
<h2><span pardot-region="">Subheading span across one or two lines for best practice:</span></h2>
<span pardot-region=""><p><b>Date:</b> Thursday 29 November</p>
<p><b>Time:</b> 1.30pm (GMT)</p>
<p><b>Where:</b> Register online ></p>
<p><b>Topic:</b> Dynamic performance management</p>
<p><b>Presenters:</b> Octavius Black, CEO and Sebastian Bailey, President</p></span>
</td>
</tr>
<tr valign="top">
<td valign="top"><span pardot-region=""><img src="widget_bottom.jpg" alt="Placeholder"></span></td>
</tr>
</tbody>
</table>
(this table is inside a set of tested tables).
Screen shot can be found here: http://i45.tinypic.com/15wzda9.png
Cheers :)
On the images you have to put (inline)
style="display:block;"
:)
display:block; is definitely needed. You probably should zero out everything in all img tags, and set width and heights also.
<img style="margin: 0; border: 0; padding: 0; display: block;" src="" width="600" height="150"
alt="">
Also, you don't need the spans inside the table cells. If you want to keep them, make sure they have margin and padding zero'd out there too.
I've encountered a rather strange bug in UIWebView. If I create a table and on of the <td>:s are too long (longer than the width of the screen, I guess), the font size gets enlarged!
Here is an example app I threw together to demonstrate this.
This piece of HTML:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table
td
{
white-space: nowrap;
}
</style>
</head>
<body>
<table>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mi ipsum</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet.</td>
</tr>
</table>
<table>
<tr>
<td>Lorem ipsum dolor sit amet.</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet.</td>
</tr>
</table>
</body>
</html>
Produces this result:
The top table gets enlarged! The ONLY thing that's different is that the first line is longer in the top table. This makes the font size for the whole table bigger!
I've tried using <nobr> instead of CSS and it gives the same result. Setting the font size with inline styles does not work either.
I also get the same result if I set the width of a <td> to a size larger than the screen, so it seems like there is some auto sizeing that is the problem.
Does anyone know a workaround for this?!
UPDATE
Here is my project if you want to try it out for yourself:
http://cl.ly/2B3r1F2C3I0C2D1S2X3s
UPDATE 2
I forgot to mention that I have tried setting font sizes throigh CSS. Both in the <style> and inline and even through JavaScript, after the page has loaded loke so:
.
td
{
font-size: 18px;
}
<td style="font-size: 18px;">
var elements = document.getElementsByTagName('td');
for(int i = 0; i < elements.length; i++)
{
elements[i].style.fontSize = '18px';
}
This has no effect.
var elements = document.getElementsByTagName('td');
for(**var** i = 0; i < elements.length; i++) {
elements[i].style.fontSize = '18px';
}
I don't see any font sizes being specified. I would try manually setting the font sizes with CSS or HTML.
I'm having some difficulty getting my website to display properly when viewed on the iPhone and iPad. The webiste (not even close to being finished) is
www.lzkconcepts.com.
The website displays properly when viewed on every desktop browser I've tried (safari, chrome, firefox, IE), however, on the iPhone/iPad there is a tiny gap/space between the "content" div and header and footer. I'm using a background image in the header, content, and footer divs to create the outline of the page. In addition to the gaps between the divs, the content background image is sometimes "shrunk" a little, so that it doesn't line up with the header and footer on the right side of the screen. If I zoom in though, everything lines up perfectly. Here's a screenshot taken from the iPhone...
http://s1139.photobucket.com/albums/n545/lhkimbrough/?action=view¤t=7198e49b.jpg&evt=user_media_share
Look closely at the right side below the blue navigation bar.
Here's the CSS (I know it's very rough, I'm just learning)
#charset "UTF-8";
body {
margin: 0;
padding: 0;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.4;
background-color: #CCC;
}
.TableAppName {
color: #007EB4;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
#h-navbar {
font-size: 95%;
background-color: #CCC;
background-image: url(images/navBarBlue.png);
background-repeat: no-repeat;
text-align: right;
padding-right: 20px;
color: #FFF;
height: 39px;
padding-top: 6px;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
}
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
width: 874px; /* the auto value on the sides, coupled with the width, centers the layout */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #CCC;
}
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background-color: #CCC;
background-image: url(images/BannerFadedBlueAndOrangeText.png);
background-repeat: no-repeat;
height: 165px;
}
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
*/
.content {
background-color: #CCC;
background-image: url(images/contentFadedDark4.png);
background-repeat: repeat-y;
padding-left: 15px;
}
.contentBottom {
padding: 0px;
margin: 0px;
}
/* ~~ The footer ~~ */
.footer {
background-color: #CCC;
background-image: url(images/FooterFadedDark.png);
background-repeat: no-repeat;
text-align: right;
font-size: 80%;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#h-navbar a, #h-navbar a:visited {
text-decoration: none;
color: #FFF;
}
#h-navbar a:hover {
color: #ea6828;
}
.footer p {
color: #0075A7;
}
.content h1 {
color: #0074A9;
font-weight: normal;
font-size: 200%;
font-style: normal;
padding-top: 15px;
padding-left: 23px;
}
.graytext {
color: #333;
}
And here's the 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"><!-- InstanceBegin template="/Templates/LZKConcepts_Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>LZK Concepts</title>
<!-- InstanceEndEditable -->
<link href="LZKConcepts_styles.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div class="container">
<div class="header"><!-- end .header --></div>
<div id="h-navbar"> Home | QuickGrader | Wish On A Star | About Us | Contact Us </div>
<!-- InstanceBeginEditable name="MainContent" -->
<div class="content">
<h1>
<!-- end .content -->
iPhone Apps</h1>
<table width="844" border="0">
<tr>
<td width="160" rowspan="2" valign="top"><img src="images/QuickGraderIconReflected140.png" alt="QuickGrader" width="120" height="154" hspace="20" /></td>
<td width="482" class="TableAppName">QuickGrader</td>
<td width="188"> </td>
</tr>
<tr>
<td height="127" valign="top" class="graytext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris neque quam, facilisis sed iaculis tempor, iaculis vitae purus. Mauris eros lacus, commodo ut feugiat vel, sollicitudin et elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur urna diam, iaculis ut commodo molestie, congue non lacus. </td>
<td align="right" valign="top"><br />
<img src="images/App_Store_Badge.png" alt="AppStore" width="155" height="54" hspace="18" vspace="0" align="right" /></td>
</tr>
</table>
<p> </p>
<table width="844" border="0">
<tr>
<td width="160" rowspan="2" valign="top"><img src="images/Wish On A Star Reflected.png" alt="QuickGrader" width="120" height="154" hspace="20" /></td>
<td width="482" class="TableAppName">Wish On A Star</td>
<td width="188"> </td>
</tr>
<tr>
<td height="130" valign="top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris neque quam, facilisis sed iaculis tempor, iaculis vitae purus. Mauris eros lacus, commodo ut feugiat vel, sollicitudin et elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur urna diam, iaculis ut commodo molestie, congue non lacus. </td>
<td align="right" valign="top"><br />
<img src="images/App_Store_Badge.png" alt="AppStore" width="155" height="54" hspace="18" align="right" /></td>
</tr>
</table>
<p> </p>
<table width="844" border="0">
<tr>
<td width="160" rowspan="2" valign="top"><img src="images/Wish On A Star Free Reflected.png" alt="QuickGrader" width="120" height="154" hspace="20" /></td>
<td width="482" class="TableAppName">Wish On A Star Free</td>
<td width="188"> </td>
</tr>
<tr>
<td height="130" valign="top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris neque quam, facilisis sed iaculis tempor, iaculis vitae purus. Mauris eros lacus, commodo ut feugiat vel, sollicitudin et elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur urna diam, iaculis ut commodo molestie, congue non lacus. </td>
<td align="right" valign="top"><br />
<img src="images/App_Store_Badge.png" alt="AppStore" width="155" height="54" hspace="18" align="right" /></td>
</tr>
</table>
</div>
<!-- InstanceEndEditable -->
<div class="footer">
<p><br />
<br />
<br />
Copyright © 2010, LZK Concepts. All rights reserved.</p>
</div>
<!-- end .container --></div>
</body>
<!-- InstanceEnd --></html>
Does anyone have an idea why the iPhone and iPad are rendering the page like this?
On an iPad, when a website is viewed at a scale under 100%, some artefacts appear sometimes. One is particularly visible: a 1 pixel lines between divs, just like on your site, under the menu.
The solution I found is to add a "margin: -1px" between divs. Divs backgrounds overlap with 1 pixel, and if slicing is done accordingly, its invisible for a classic browser, and corrects the problem on the iPad.
Use:
meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"
for when a website is being displayed on a tablet or other device. That should get rid of the pixel difference you see. Sites should be designed semantically scalable these days for maximum cross device access.
As for me, I normally build a php device detecter if there absolutely needs to be a work around.
I'm working on sending out an html based email, and every time it sends the image src tags and some of the anchor href tags are modified to be relative url's.
Update 2: This is happening between when the body of the email is generated and sent and when it arrives in my inbox.
Update: I am using Postfix on a LAMPP server. In addition, I am using Zend_Mail to send the emails out.
For example, I have a link:
src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/header.jpg"
And it gets rewritten as:
src="../../../../images/email/highpoint_2009_04/header.jpg"
What can cause this to occur and how is it corrected?
Email headers:
Return-Path: <root#example.com>
X-Original-To: gabe#example.com
Delivered-To: gabe#example.com
Received: by mail.example.com (Postfix, from userid 0)
id 6BF012252; Tue, 14 Apr 2009 12:15:20 -0600 (MDT)
To: Gabriel <gabe#example.com>
Subject: Free Map to Sales Success
From: Somebody <info#example.com>
Date: Tue, 14 Apr 2009 12:15:20 -0600
Content-Type: text/html; charset="utf-8"
Content-Transfer-Encoding: multipart/related
Content-Disposition: inline
Message-Id: <20090414181520.6BF012252#mail.example.com>
Original content to be sent out:
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td valign="top">
<a href="http://www.furnituretrainingcompany.com">
<img moz-do-not-send="true" alt="The Furniture Training Company - Know More. Sell More." src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/header.jpg" border="0" height="123" width="600">
</a>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td valign="top"><img alt="Visit us at High Point to receive your free training poster" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/hero.jpg" moz-do-not-send="true" height="150" width="600"><br>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_content_left.jpg" moz-do-not-send="true" height="30" width="30"><br>
</td>
<td bgcolor="#ffffff" valign="top"><font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><big><b>See you at Market</b></big><br>
</small></big></big></big></big></font>
<font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><br>
</small></big></big></big></big></font><small><font
face="Helvetica, Arial, sans-serif">Visit our space to get your free
Map to Sales Success poster! This unique 24 X 36 color poster is your
guide to developing high volume salespeople with larger tickets. Find
us in the new NHFA Retailer Resource Center located in the Plaza. <br>
<br>
Don’t miss Mark Lacy’s entertaining seminar "Help Wanted! My Sales
Associates Can’t Sell Water to a Thirsty Camel." He’ll reveal powerful
secrets for turning sales associates into furniture experts that will
sell. See him Saturday, April 25th at 11:30 AM in the seminar room of
the
new NHFA Retail Resource Center in the Plaza. <br>
<br>
Stop by our space to learn how our ingenious internet-delivered
training courses are easy to use, guaranteed to work, and cheaper than
the daily donuts. Over 95% report increased sales. <br>
<br>
Plan to see us at High Point. </font></small>
<font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><small><br>
<br>
<br>
<br>
</small></small></big></big></big></big></font><small><font
originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
color="#000000" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><small>
</small></big></big></big></font></small>
<img alt="Find out more" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/image_content_left.jpg" moz-do-not-send="true" border="0" height="67" width="326"><br>
<br>
</td>
<td bgcolor="#ffffff" valign="top">
<img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_content_middle.jpg" moz-do-not-send="true" height="28" width="28"><br>
</td>
<td bgcolor="#ffffff" valign="top"><img alt="Roadmap to Sales Success poster" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/image_content_right.jpg" moz-do-not-send="true" height="267" width="186"><br>
<font face="Helvetica, Arial, sans-serif"><small><font originaltag="yes" style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;" color="#000000" size="1"><big><big><big><small><b>Road
Map to Sales Success<br>
</b><br>
</small></big></big></big></font>This beautiful poster is yours
free for simply stopping by and visiting with us at High Point. <span
class="moz-txt-slash">Our space is located inside the </span>new NHFA
Retailer Resource Center in the Plaza Suites, 222 South Main St, 1st
Floor. We will be at market from Sat April 25th until Thur
April 30th. </small></font><br>
</td>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_content_right.jpg"
moz-do-not-send="true" height="30" width="30"><br>
<br>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/disclaimer_divider.jpg"
moz-do-not-send="true" height="25" width="600"><br>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_left.jpg"
moz-do-not-send="true"></td>
<td bgcolor="#ffffff" valign="top"><img alt="" src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_middle.jpg"
moz-do-not-send="true"><br>
<font originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
color="#666666" face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><big><small><small><small>If
you are not attending the High Point market in April but
would still like to receive a free Road Map to Sales Success poster
visit us on the web at <u><a moz-do-not-send="true"
class="moz-txt-link-abbreviated"
href="http://www.furnituretrainingcompany.com">www.furnituretrainingcompany.com</a></u>,
or to
speak with a Furniture Training Company representative, call toll free
(866) 755-5996. We do not offer free shipping outside of the U.S. and
Canada. Retailers outside of the U.S. and Canada may call for more
information. Limit one free Road Map to Sales Success per company.
Other copies of the poster may be purchased on our web site.<br>
<br>
</small></small></small></big></big></big></big></font> <font
color="#666666"><small><font originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><small><small>We
hope you found this message to be useful. However, if you'd
rather not receive future emails of this sort from The Furniture
Training Company, please <a moz-do-not-send="true"
href="http://www.furnituretraining.com/contact">click here to
unsubscribe</a>.<br>
<br>
</small></small></big></big></big></font></small><small><font
originaltag="yes"
style="font-size: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;"
face="Verdana, Arial, Helvetica, sans-serif" size="1"><big><big><big><small><small>©Copyright
2009 The Furniture Training Company.<br>
1770 North Research Park
Way, <br>
North Logan, UT 84341. <br>
All Rights Reserved.</small></small></big></big></big></font></small></font><br>
</td>
<td bgcolor="#ffffff" valign="top"><img alt=""
src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_right.jpg"
moz-do-not-send="true"></td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0"
width="600">
<tbody>
<tr>
<td bgcolor="#ffffff" valign="top"><img alt=""
src="http://www.furnituretrainingcompany.com/images/email/highpoint_2009_04/footer.jpg"
moz-do-not-send="true"> </td>
</tr>
</tbody>
</table>
<br>
<br>
Content that gets sent:
<table border=3D"0" cellspacing=3D"0" cellpadding=3D"0" width=3D"600" al=
ign=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td valign=3D"top"><a href=
=3D"http://www.furnituretrainingcompany.com"> <img src=3D"http://www.fur=
nituretrainingcompany.com/images/email/highpoint_2009_04/header.jpg" bor=
der=3D"0" alt=3D"The Furniture Training Company - Know More. Sell More."=
width=3D"600" height=3D"123" /> </a></td>=0D=0A</tr>=0D=0A</tbody>=0D=
=0A</table>=0D=0A<table border=3D"0" cellspacing=3D"0" cellpadding=3D"0"=
width=3D"600" align=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td valign=
=3D"top"><img src=3D"http://www.furnituretrainingcompany.com/images/emai=
l/highpoint_2009_04/hero.jpg" alt=3D"Visit us at High Point to receive y=
our free training poster" width=3D"600" height=3D"150" /><br /></td>=0D=
=0A</tr>=0D=0A</tbody>=0D=0A</table>=0D=0A<table border=3D"0" cellspacin=
g=3D"0" cellpadding=3D"0" width=3D"600" align=3D"center">=0D=0A<tbody>=
=0D=0A<tr>=0D=0A<td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http:=
//www.furnituretrainingcompany.com/images/email/highpoint_2009_04/spacer=
_content_left.jpg" alt=3D"" width=3D"30" height=3D"30" /><br /></td>=0D=
=0A<td valign=3D"top" bgcolor=3D"#ffffff"><span style=3D"font-size: xx-s=
mall; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000000;">=
<big><big><big><big><small><big><strong>See you at Market</strong></big>=
<br /> </small></big></big></big></big></span> <span style=3D"font-size:=
xx-small; font-family: Verdana,Arial,Helvetica,sans-serif; color: #0000=
00;"><big><big><big><big><small><br /> </small></big></big></big></big><=
/span><small><span style=3D"font-family: Helvetica,Arial,sans-serif;">Vi=
sit our space to get your free Map to Sales Success poster! This unique=
24 X 36 color poster is your guide to developing high volume salespeopl=
e with larger tickets. Find us in the new NHFA Retailer Resource Center=
located in the Plaza. <br /> <br /> Don’t miss Mark Lacy’s=
entertaining seminar "Help Wanted! My Sales Associates Can’t Sell=
Water to a Thirsty Camel." He’ll reveal powerful secrets for turn=
ing sales associates into furniture experts that will sell. See him Satu=
rday, April 25th at 11:30 AM in the seminar room of the new NHFA Retail=
Resource Center in the Plaza. <br /> <br /> Stop by our space to learn=
how our ingenious internet-delivered training courses are easy to use,=
guaranteed to work, and cheaper than the daily donuts. Over 95% report=
increased sales. <br /> <br /> Plan to see us at High Point. </span></s=
mall> <span style=3D"font-size: xx-small; font-family: Verdana,Arial,Hel=
vetica,sans-serif; color: #000000;"><big><big><big><big><small><small><b=
r /> <br /> <br /> <br /> </small></small></big></big></big></big></span=
><small><span style=3D"font-size: xx-small; font-family: Verdana,Arial,H=
elvetica,sans-serif; color: #000000;"><big><big><big><small> </small></b=
ig></big></big></span></small> <a href=3D"http://www.furnituretrainingco=
mpany.com/map"><img src=3D"http://www.furnituretrainingcompany.com/image=
s/email/highpoint_2009_04/image_content_left.jpg" border=3D"0" alt=3D"Fi=
nd out more" width=3D"326" height=3D"67" /></a><br /> <br /></td>=0D=0A<=
td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretr=
ainingcompany.com/images/email/highpoint_2009_04/spacer_content_middle.j=
pg" alt=3D"" width=3D"28" height=3D"28" /><br /></td>=0D=0A<td valign=3D=
"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretrainingcompan=
y.com/images/email/highpoint_2009_04/image_content_right.jpg" alt=3D"Roa=
dmap to Sales Success poster" width=3D"186" height=3D"267" /><br /> <spa=
n style=3D"font-family: Helvetica,Arial,sans-serif;"><small><span style=
=3D"font-size: xx-small; color: #000000;"><big><big><big><small><strong>=
Road Map to Sales Success<br /> </strong><br /> </small></big></big></bi=
g></span>This beautiful poster is yours free for simply stopping by and=
visiting with us at High Point. <span class=3D"moz-txt-slash">Our space=
is located inside the </span>new NHFA Retailer Resource Center in the P=
laza Suites, 222 South Main St, 1st Floor. We will be at market from Sat=
April 25th until Thur April 30th. </small></span><br /></td>=0D=0A<td v=
align=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretraini=
ngcompany.com/images/email/highpoint_2009_04/spacer_content_right.jpg" a=
lt=3D"" width=3D"30" height=3D"30" /><br /> <br /></td>=0D=0A</tr>=0D=0A=
</tbody>=0D=0A</table>=0D=0A<table border=3D"0" cellspacing=3D"0" cellpa=
dding=3D"0" width=3D"600" align=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A=
<td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituret=
rainingcompany.com/images/email/highpoint_2009_04/disclaimer_divider.jpg=
" alt=3D"" width=3D"600" height=3D"25" /><br /></td>=0D=0A</tr>=0D=0A</t=
body>=0D=0A</table>=0D=0A<table border=3D"0" cellspacing=3D"0" cellpaddi=
ng=3D"0" width=3D"600" align=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td=
valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituretrai=
ningcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_left.jp=
g" alt=3D"" /></td>=0D=0A<td valign=3D"top" bgcolor=3D"#ffffff"><img src=
=3D"http://www.furnituretrainingcompany.com/images/email/highpoint_2009_=
04/spacer_disclaimer_middle.jpg" alt=3D"" /><br /> <span style=3D"font-s=
ize: xx-small; font-family: Verdana,Arial,Helvetica,sans-serif; color: #=
666666;"><big><big><big><big><small><small><small>If you are not attendi=
ng the High Point market in April but would still like to receive a free=
Road Map to Sales Success poster visit us on the web at <span style=3D"=
text-decoration: underline;"><a class=3D"moz-txt-link-abbreviated" href=
=3D"http://www.furnituretrainingcompany.com">www.furnituretrainingcompan=
y.com</a></span>, or to speak with a Furniture Training Company represen=
tative, call toll free (866) 755-5996. We do not offer free shipping out=
side of the U.S. and Canada. Retailers outside of the U.S. and Canada ma=
y call for more information. Limit one free Road Map to Sales Success pe=
r company. Other copies of the poster may be purchased on our web site.<=
br /> <br /> </small></small></small></big></big></big></big></span> <sp=
an style=3D"color: #666666;"><small><span style=3D"font-size: xx-small;=
font-family: Verdana,Arial,Helvetica,sans-serif;"><big><big><big><small=
><small>We hope you found this message to be useful. However, if you'd r=
ather not receive future emails of this sort from The Furniture Training=
Company, please <a href=3D"http://www.furnituretraining.com/contact">cl=
ick here to unsubscribe</a>.<br /> <br /> </small></small></big></big></=
big></span></small><small><span style=3D"font-size: xx-small; font-famil=
y: Verdana,Arial,Helvetica,sans-serif;"><big><big><big><small><small>&co=
py;Copyright 2009 The Furniture Training Company.<br /> 1770 North Resea=
rch Park Way, <br /> North Logan, UT 84341. <br /> All Rights Reserved.<=
/small></small></big></big></big></span></small></span><br /></td>=0D=0A=
<td valign=3D"top" bgcolor=3D"#ffffff"><img src=3D"http://www.furnituret=
rainingcompany.com/images/email/highpoint_2009_04/spacer_disclaimer_righ=
t.jpg" alt=3D"" /></td>=0D=0A</tr>=0D=0A</tbody>=0D=0A</table>=0D=0A<tab=
le border=3D"0" cellspacing=3D"0" cellpadding=3D"0" width=3D"600" align=
=3D"center">=0D=0A<tbody>=0D=0A<tr>=0D=0A<td valign=3D"top" bgcolor=3D"#=
ffffff"><img src=3D"http://www.furnituretrainingcompany.com/images/email=
/highpoint_2009_04/footer.jpg" alt=3D"" /></td>=0D=0A</tr>=0D=0A</tbody>=
=0D=0A</table>=0D=0A<p><br /></p><br><hr><a href=3D'http://localhost/ftc=
/app/unsubscribe.php?action=3DoptOut&pid=3D6121&cid=3D19&email=3Dmarkl#f=
urnituretrainingcompany.com'>Click to Unsubscribe</a>
As it turned out, even though when I copied and pasted the content into the application the necessary DOCTYPE, html, and body tags were in place, TinyMCE was stripping those tags. Which explains why the output only showed the content within the body tag.
I was able to fix the url rewrite problem by ensuring that the DOCTYPE, html and body tags were actually all in place.
And I fixed TinyMCE by adding in the fullpage plugin so that it no longer strips those tags from the input.
There is a configuration option "convert_urls" which can be set to false to prevent URLs from being converted too.
Since #Noah are sending expected content as email. Their is no problem with TinyMCE.
Normally images are blocked by mail hosters.
In my case, I was sending html content(with image) to gmail account. Google blockes images in mails.
Google display the following in every email
Images are not displayed. Display images below - Always display
images from xxxx#xxxx.com
Just click on appropriate link to display images.
Thank You,
Aashish