|
HTML - Newsletter With Outlook 2007
Similar TutorialsHello, I am trying to create a HTML newsletter email, but for some reason the table I created for the framework is scrunching inside MS Outlook. It appears to be correct with every other medium (various webmails and such). Is there a way to force outlook to keep the table properties I put inside the code? I attached the HTML file as well as a screenshot of how outlook looks. Any help is greatly appreciated! Hello I am designing a MS Outlook email template using Dreamweaver. All I want to do is string together 3 images on the same line, but it's proving to be much more difficult than I thought! Each image is a button, with a hyperlink to a web page. I'm quite a perfectionist and it's important that the images sit flush together, and when viewed in Firefox or IE, they do! Here's a snippet of the code. <img src="corporate.png" width="134" height="36" /><img src="visitus.png" width="134" height="36" /><img src="aboutus.png" width="134" height="36" /> It is very very basic, but for some reason, when I load the code into MS Outlook, guess what happens? A small white space appears between each image and I don't know what's causing it. It's important that I remove this white space because I've got a banner sitting above these buttons which is of fixed length. I need the end of the 3rd button to sit below, but in line with the end of the banner, but when the white spaces are added, it overshoots I've tried playing around with 'hspace' and 'vspace' tags, but MS Outlook 2007 does not recognise these tags. I thought I could get around this by stringing the buttons together as one image and then use the hotspot tool to break the image up, but MS Outlook doesn't recognise hotspots either! I think I've explained this fully and I really hope somebody can help me. I've been googling solutions to this for hours but to no avail. Thank you all. David Hi. I am comparatively new to html. Hi. I am aware there are differing opinions regarding Html emails. However, I have been requested to produce an html document to email to specific recipients in this format. Some of the html functions I need to use are not handled well by the Email client I am using (Outlook 2007), let alone where it is going. Therefore as a workaround I am attempting to email the html document as an attachment to my email, so that it will be opened in a web browser. However, I am having trouble, linking to the attached photos to the same email from within that html document. I have successfully, embeded the photos into the same email, using CDO 1.21 (from MS Access VBA) and <img src=cid: etc. However, this does not work for the attached html file. Any ideas on how to refer to them from within the attached html document would be greatly appreciated, even if I am going in the wrong direction. Thank you. hi! we are sending newsletter to clients. we are doing like: 1)creating newsletter in dreamweaver 2)running on brower 3)copy the entire layout using ctrl+a and 4) pasting it on new message window in outlook 5)its displaying as i copied everything is fine. its reaching to clients as we sent. the problem is the newsleter take more than 100 kb while its going. but actual size is just 50 only. so pls suggest what is the problem exactly. how to recude the file size or is there anyother way to send newsletter via outlook. pls suggest me Hey, For the first time I need to prepare a newsletter template for a company. I read a lot about this in web but I coun't understand one thing. It should be used repeatedly. So how can I make a Html template to be use repeatedly? May be the programmer will use my template and make it reusable? Somebody know about this? Thanks! Hi all, I'm really struggling with getting my e-newsletters to view correctly (as they do in my web browser) in the actual mail message. I usually code the page and when it's done, load it onto our server, then open the page, copy the content and paste it into the new mail message. This works fine, except when your html page has layers or flash clips in it, everything goes completely crazy. It seems like the layers are the big problems, spacing goes out and the layers aren't actually in the "newsletter" anymore, they load at the top of the page, almost seperate from the rest of the file. Any help would greatly be appreciated. Thanks so much. Bees hello all how could i export an outlook signature from MS OUtlook 2003? THanks Hello guru, I want a hyperlink from the email address to go straight to outlook express. What is the code that i type in? Thanks for all of your help guru I'd like to have a newsletter opt-in, but I don't want to move the person to a php page to confirm they're in the system. Is it possible to add them from the same page, and without a page refresh, show them they're added? how can i put an option in my html code to subscribe to a newsletter with only two field boxes for the name and email address? I wish to then have this info sent to a default emaill address. I have created an html newsletter which is just about ready. I am trying to add a header image to top cell of table however when I preview the table expands and I get a bunch of whitespace. Image is set width and in edit mode appears fine. I am using Sharepoint Designer and Web Expression 2 but not luck removing all the whitespace. Any suggestions? thx Hello i'm new here and i'm in need of some help... i'm trying to send out a newsletter blast but when i copy the code from front page into the thirdparty to send out the newsletter when we send out a test the messege loooks all wrong why woould that be?? it shifts everything down or to the side..... please help.. here is the code from front page that i paste into the third party HTML Code: <html>
<head>
<title>Untitled-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
<!--
div.Section1
{page:Section1;}
p.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<table id="Table_01" width="750" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<a href="http://www.bootbarn.com/">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_01.jpg" width="755" height="104" alt="" border="0"></a></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_02.jpg" width="8" height="650" alt=""></td>
<td colspan="7">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_03.jpg" width="738" height="609" alt=""></td>
<td rowspan="2">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_04.jpg" width="9" height="650" alt=""></td>
</tr>
<tr>
<td>
<a href="http://www.bootbarn.com/navigate/men">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_05.jpg" width="95" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/navigate/women">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_06.jpg" width="107" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/navigate/youth">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_07.jpg" width="89" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/brand">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_08.jpg" width="94" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/multiview/viewspecial/1/view/view">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_09.jpg" width="111" height="41" alt="" border="0"></a></td>
<td>
<a href="http://www.bootbarn.com/multiview/viewspecial/1/view/view/0/12/new/All/All/All/All">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_10.jpg" width="136" height="41" alt="" border="0"></a></td>
<td>
<div style="position: absolute; width: 711px; height: 587px; z-index: 1; left: 106px; top: 113px; border-style: outset; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="layer1">
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Dear (First Name),</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Welcome to Boot Barn!</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal">
<span style="font-family: Arial"><font face="Arial" style="font-size: 11pt">
We are excited to include you into our
fast-growing e-mail program –and as a thank you for signing up with us,
please enjoy a special <b>15% </b>off
your next order.</font></span></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Just use code: <b>
<span style="FONT-WEIGHT: bold">welcome</span></b> at checkout to redeem
the offer. <u><a href="http://www.bootbarn.com/">Shop now</a></u></span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">You can expect to receive special and
sometimes exclusive offers in future e-mail newsletters, along with product
updates related to our many brands.</span></font></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal">
<font face="Arial" color="black" style="font-size: 11pt">
<span style="color: black; font-family: Arial">Boot Barn is a place you can
trust. We’re proud to offer one of the world's largest boot
<span class="grame">selections for</span> over 30 years!<b><span style="FONT-WEIGHT: bold"> </span></b>
</span></font><font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">
We started in <span class="grame">California in 1978 and we've been global
for many years. </span>We are backed by over <u>
<a href="http://www.bootbarn.com/indexflatfile/store_locator.html">80 retail
store locations</a></u> in states ranging from California to Arizona,
Nevada, New Mexico, Wyoming and.Montana.<span class="grame"></span></span></font></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><span class="grame">
<font face="Arial" color="black" style="font-size: 11pt">
<span style="color: black; font-family: Arial">We carry the best boots in
the business. Many of the brands we carry have a rich heritage and legacy
of designing and manufacturing footwear for several decades! We strive to
offer the best selection of top quality leather footwear in the styles you
are looking for, and we are known for </span></font>
<font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">providing our
customers with great quality service<U2:P></U2:P></span></font></span><font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">
Over the years, we've expanded our product assortment to include men's,
women's and youth clothing and a wide assortment of accessories.</span></font></p>
<p class="MsoNormal"></p>
<p class="MsoNormal">
<font face="Arial" color="black" style="font-size: 11pt">
<span style="color: black; font-family: Arial">And, while many websites wait
for the one big blow-out sale to offer you value prices, we offer them
everyday! Check our
<a title="http://www.bootbarn.com/indexflatfile/about.html#lowprice" style="color: blue; text-decoration: underline" href="http://www.bootbarn.com/indexflatfile/about.html#lowprice">
low price guarantee</a>. </span></font><font face="Arial" style="font-size: 11pt"><span style="font-family: Arial">And,
to be clear, we have a no nonsense privacy policy that NEVER shares, rents
or <span class="grame">sells</span> your personal information and email
addresses to outside third parties.<U3:P></U3:P></span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">So, thanks for your interest and we look
forward to serving your needs,</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial">Sincerely,</span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> </span></font></p>
<p class="MsoNormal"><font face="Arial" style="font-size: 11pt">
<span style="font-family: Arial"> The Boot Barn Team</span></font></div>
<a href="http://www.bootbarn.com/multiview/apparel/clothing">
<img src="http://bootbarn.ws/newsletter/Blue%20Hornet/Welcome%20Letter/images/welcome_11.jpg" width="106" height="41" alt="" border="0"></a></td>
</tr>
</table>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Hi all, I'm trying to build a newsletter for a company. This thing has to be sent via e-mail so all the styling has to be done inline I have pretty much everything right, except for the background. I want to use a gradient that aligns to the bottom (bottom of content, not bottom of viewport) over the entire width of the screen (5px wide, repeat-x) However: when I go to the page, the gradient is in the bottom of my viewport. When I scroll down, I go below that gradient. Anybody have any idea how I can get that gradient down? (so far only IE6 behaves the right way, Safari and Firefox do not) tnx Hello, Sorry if this is in the wrong section. I have an HTML page that has an Outlook View Control. Something simple like this: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>View Control</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta content="MSHTML 5.50.4522.1800" name="GENERATOR" />
</head>
<body style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;">
<div>
<script src="email-inbox.js" type="text/javascript"></script>
</div>
</body>
</html>
the javascript file has only this: Code: // inserts the <object> and <embed> tags to circumvent the new restriction in IE (since April 11 2006)
document.write('<object id="ViewCtlFolder" classid="CLSID:0006F063-0000-0000-C000-000000000046" width="100%" height="180px"><param name="Folder" value="Inbox" /></object>');
The problem is that when Microsoft Outlook is not installed this will fire a Javascript error. I want to avoid that error and display a message like "Microsoft Outlook not installed". Is there any way I can do this? Thanks in advance Hi I have just designed my first html eshot and tested it on different email clients using Mailchimps inbox inspector. Its fine across all clients as far as I can see except for Outlook 2007 & 2010. The image on the left moves out of place quite a bit. Outlook 2003 and all others are fine, its just 2007 & 2010 causing the problem. Weblink (how it should look) Outlook 2007 & 2010 (how it shouldn't look) Outlook 2003 (just fine) Does anybody know whats wrong? I'v tried all sort and it nothing is working, its driving me crazy! Dam you outlook! Thanks! Hi all, I'm trying to create a web application module that allows users to bookmark links to favourite applications on their client PCs. One of these applications I want them to be able to access is Outlook. Any ideas how this can be done using Javascript? What I hope to be able to do is to launch Outlook from an "a href" link. Thanks in advance for any suggestions! Hi Folk, Need some help, I have couple of WebPages sitting in a folder on a share drive, the webpage are a simple form to collect data, when the user clicks on submit. The form will use Outlook to email the data. The problem is the user has to click yes to Outlook security popup window. I have been asked to address this. Is there a simple program that I could install in the folder to deal with the transferring of the data without using Outlook. Hello to all. I have designed a newsletter in html that i am ready to email out to people. Only thing is the client wants the image to be displayed instantly with no attachments. So basically embedded into the email. Does anyone know how to do this? Reading other people's comments i am sure there is a way. If i insert the html ito the email itbecomes an attachment which i do not want? PLEASE HELP!!! Thanks Gray Hi, I'm a HTML newbie (have some programming experience though), so please forgive me if my question is maybe unclear or naive. I've managed to build a newsletter that displays nicely in the most-used webmail clients and offline clients. For personalization I can add form fields (like: name) to the html code that graphicmail will fill with the indivual recipient's data (like: Bob) on sending out the newsletter. To add an "Unsubscribe" link to the newsletter, graphicmail recommends to insert this code: <DIV><LABEL class=FormField data="Unsubscribe">Unubscribe</LABEL></DIV> This results in a simple: Unsubscribe text in the newsletter. If the reader clicks on it, the unsubscribe webpage is opened. I would like to achive the same functionality but with something different than the LABEL tag, since this plain text "Unsubscribe" doesn't fit the design of the newsletter. Ideally I'd like to be able to use an image that when clicked provides the same functionality as the label tab does. Sorry for the confused description. Thanks for your help. Mark |
|||||||