HTML - Styling Links In Outlook Newsletter
Similar Tutorialshi! 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 I have a newsletter sent out via email to subscribers. IT has a table of contents with all the headings at beginning of the page. Here is my problem. I wanted the subscriber who receives the email to be able to click the heading and it takes them directly to the paragraph without all the scrolling. I did try this ( the original word doc you could do it and then i transfered it to html,but it opened the heading in the browser as a separate link. Its quite a long newsletter and as it is they scroll and scroll. Any advice? thanks. Hi, I need some help. I have hyperlinks on my pages but want to make them certain colours. I have the code he PHP Code: <style type="text/css"> a:link {color: #FF0000} a:visited {color: #00FF00} a:hover {color: #FF00FF} a:active {color: #0000FF} </style> But not sure how to use it. Can anyone help? 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 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! 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 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 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> 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'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? 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 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. 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! Hello, 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! 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! is there a way of removing link underline without CSS? I want to make a page on my website where someone can enter there email address and it will auto add it to my mailing list. And another place on the website where they can enter there email so unsubscribe to it. I do not have anything to start me of with this. E.g Database. Thanks your help |