|
HTML - Sending Html Emails
Hi.
I created html email, have all images on the server. But how do I attach my html to email so that it shows in the body of email and not as an attachement?? Thanks!!!! Similar TutorialsI am currently near my deadline to hand in my c/w....i have created a webpage on visual studio web developer where i have created a feedback form, however i am having problems in gettng the send button to work so that the information is sent to an email address. Any help would be much appreciated. Thank You. Hello i have created a html page that i would like viewing in an email. so far i have successfully got it working but the only problem is when i send the email the user recieves the html email which works but they also recieve an attachment which a iwould like to get rid of, so that when i send the html email the user only gets the html email with no attachment included. has anyone got any suggestions. the html im using is as follows: <html> <head> <title>Web Mailer</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" text="#000000"> <p align=center><img src="http://www.jmp-partnership.co.uk/mailer/ethicon/web_mailer.jpg" align="absmiddle" > </body> </html> I have both the HTML and image displyed on a server and the address is shown above. the Email displays and works fine but when sending it an attachment of the jpg is also being sent which i dont want. If anyone can help would be very grateful thanks Hello everybody! I am new at this forum and I am trying to learn some HTML and CSS. I wonder if there is any tutorial where I can learn how to create HTML emails and publishing templates... Thank you very much!!! Marin I made an html email and when I sent it to myself or my other computer it opens beautifully. But when I test sent it to my friends they said all they see is code. Why??? Hi there, I am an experienced html developer but I am a novice when it comes to tables, as I hate them! I am trying to create a newsletter. You can see how it should look at: http://danielrhyshardy.com/newsletter.html. However ( I do know I am opening a can of worms here) when sent in email all of my INLINE styling is lost, well, most of it anyway. Here is the code I am using: <html> <body> <style> a { color:#333333; } a:hover { color:#ffffff; } a.top { color:#ffffff; text-decoration:none; } a.top:hover { color:#333333; } </style> <table background="http://www.danielrhyshardy.com/back.jpg" and cellspacing="0" style="margin:auto;font-family:'Myriad Pro';font-size:14px;color:#333333;"> <tr style="width:492px;height:31px;font-weight:100;"> <td style="margin-left:100px;padding-left:40px;width:121px;margin-top:40px;height:31px;float:left;line-height:31px;text-align:center;"> <a class="top" href="" >Latest Collection</a> </td> <td style="width:121px;margin-top:40px;background-color:#999966;height:31px;float:left;line-height:31px;text-align:center;"> <a class="top" href="" >Ascot Collection</a> </td> <td style="width:121px;margin-top:40px;background-color:#999966;height:31px;float:left;line-height:31px;text-align:center;"> <a class="top" href="" >Bridal Collection</a> </td> <td style="width:123px;margin-top:40px;background-color:#999966;height:31px;float:left;line-height:31px;margin-right:100px;text-align:center;"> <a class="top" href="" >Hat Parties</a> </td> </tr> <tr style="width:182px;height:25px;"> <td background="http://www.danielrhyshardy.com/top.jpg" style="margin-left:100px;width:182px;height:25px;padding-left:350px;padding-top:290px;float:left;color:#ffffff;font-size:20px;">Title text here....</td> </tr> <tr style="width:532px;height:auto;"> <td style="margin-left:100px;width:452px;padding:40px;height:auto;float:left;background-color:#999966;"> main text goes here<br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</td> </tr> <tr style="width:532px;height:40px;"> <td style="margin-left:100px;width:532px;height:40px;float:left;background-color:#999966;text-align:center;font-weight:bold;"><a style="color:#333333;" href="#"> to visit the website click here</a> </td> </tr> <tr style="width:532px;height:auto;"> <td style="margin-left:100px;width:412px;padding:60px;height:auto;float:left;background-color:#999966;"> more text goes here<br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</td> </tr> <tr style="width:532px;height:250px;"> <td style="margin-left:100px;width:234px;padding-top:20px;height:250px;float:left;background-color:#999966;padding-left:40px;text-align:center;"> <img src="http://www.danielrhyshardy.com/border1.jpg"> </td> <td style="width:253px;padding-top:20px;height:250px;float:left;background-color:#999966;padding-left:3px;"> <img src="http://www.danielrhyshardy.com/border2.jpg"> </td> </tr> <tr style="width:532px;height:24px;"> <td style="margin-left:100px;width:512px;margin-top:15px;height:24px;float:left;background-color:#c7c7a9;background-repeat:no-repeat;padding-left:20px;padding-top:40px;"> <img src="http://www.danielrhyshardy.com/upcoming.jpg"> </td> </tr> <tr style="width:532px;height:auto;"> <td style="margin-left:100px;width:412px;height:auto;float:left;background-color:#c7c7a9;font-weight:bold;padding-left:20px;padding-right:100px;padding-top:20px;"> date <br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <p> date <br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <p> date <br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <p> date <br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <p> date <br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <p> date <br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. </td> </tr> <tr style="width:532px;height:230px;"> <td style="margin-left:100px;width:151px;padding-top:20px;height:230px;float:left;background-color:#c7c7a9;padding-left:20px;"> <img src="http://www.danielrhyshardy.com/bottom1.jpg"> </td> <td style="width:151px;padding-top:20px;height:230px;float:left;background-color:#c7c7a9;padding-left:10px;"> <img src="http://www.danielrhyshardy.com/bottom2.jpg"> </td> <td style="width:187px;padding-top:20px;height:230px;float:left;background-color:#c7c7a9;padding-left:10px;"> <img src="http://www.danielrhyshardy.com/bottom3.jpg"> </td> </tr> <tr style="width:532px;height:44px;"> <td style="margin-left:100px;width:530px;height:44px;float:left;background-color:#999966;"> </td> </tr> <tr style="width:532px;height:24px;"> <td style="margin-left:100px;width:530px;height:24px;float:left;background-color:#c7c7a9;margin-bottom:100px;"> </td> </tr> </table> </body> </html> Please help me as this is really annoying the hell out of me. Hoping there might be some table or email developers out there who can help me. Thanks in advance Dan Hi and thanks for the help. I did a very simple test trying to send a simple HTML file with windows mail to my yahoo and my goodle mail box. The HTML file is 2 divs, one black and a smaller blue inside him. In the windows mail the preview present the HTML file correctly. In the yahoo mail i see the DIV but they are completely out of position In the google I see nothing. a blank white page. Why does it happen? How do i fix it? Thanks again Noam This is the code: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- #apDiv1 { position:absolute; left:72px; top:68px; width:515px; height:325px; z-index:1; font-family: Arial, Helvetica, sans-serif; background-color: #000000; } #apDiv2 { position:absolute; left:98px; top:63px; width:297px; height:178px; z-index:1; background-color: #0066FF; } --> </style> </head> Hi, I'm new to HTML and my interest is purely in coding for emails. My specific challenge de jour is coding a photo into an email without it (i) needing to be on an external server or (ii) an attachment. I want the photo to travel with the email body with no external link. Is this possible and if so, can I be pointed to an example of same? Cheers. can someone please tell me why my code derived from a 'web site creator' software won't display properly in my 'email creator' software? i am to assume that i need look for something in the code that the email program is stripping out (color alignment, etc?) i use the website creator software because it enables more flexibility with images and overlaying texts. thanks Hello, I have an html email that is being created with Cobol, then being sent via email to Outlook Express 6. When viewed, the page doesn't render correctly. Here is the page that's being displayed: 663 N. ACCESS ROAD CHICAGO IL 60666 ARRIVAL NOTICE MAWB: 933-06068274 SHIPPER SHAOXING XOUNTY YUNSHENG SHUFENG VILLAGE QIANQING SHANGHAI SH PVG CN CONSIGNEE MAJOR TEXTILE IMPORTS INC 1401 EAST 15TH STREET LOS ANGELES CA 90021 US FLIGHT DATE PIECES KILOS ORIG DEST ENTRY KZ/176 26JUN 45 500.0 NRT ORD LAX DESCRIPTION: WOVEN POLYESTER SEK STORAGE BEGINS: HAWB PCS KGS The page is built with tables, and they are supposed to line up next to one another. For example, the Shipper and Consignee Tables are supposed to be on the same table row. Here is the actual HTML code: <html> <body> <style type="text/css"> body {font-size: 11px; font-family: Verdana, sans-serif; border: 1px solid black;} table {font-size: 11px; font-family: Verdana, sans-serif; } </style> <table width="600"> <tbody> <tr> <td rowspan="3" width="150"><IMG SRC="HTTP://10.0.0.164/OPS/IMAGESX/NCA.JPG"></td> <td rowspan="3" width="100"></td> <td> <table width="350"> <tbody> <tr align="right"> <td colspan="3" width="350">445 BROADHOLLOW RD - SUITE 105</td> </tr> <tr align="right"> <td width="75%">MELVILLE</td> <td width="10%">NY</td> <td width="15%">11747</td> </tr> <tr align="right"> <td colspan="3">6314210900</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td align="center"><h3>ARRIVAL NOTICE</h3></td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td><h4>MAWB: 933-06068930</h4></td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td> <table width="295"> <tbody> <tr> <td><b>SHIPPER</b></td> </tr> <tr> <td>PHOENIX INT L FREIGHT</td> </tr> <tr> <td>13TH FLOOR GREENLAND</td> </tr> <tr> <td>SHANGHAI SH PVG CN</td> </tr> </tbody> </table> </td> <td width="10"></td> <td> <table width="295"> <tbody> <tr> <td><b>CONSIGNEE</b></td> </tr> <tr> <td>PHOENIX INT L FREIGHT SER</td> </tr> <tr> <td>19701 SOUTH VERMONT AVENUE</td> </tr> <tr> <td>TORRANCE CA 90502 US</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width="400"> <tbody> <tr> <td colspan="7"><br></td> </tr> <tr> <td width="20%"><b>FLIGHT</b></td> <td width="16%"><b>DATE</b></td> <td width="16%" align="right"><b>PIECES</b></td> <td width="22%" align="right"><b>KILOS</b></td> <td width="12%" align="center"><b>ORIG</b></td> <td width="12%" align="center"><b>DEST</b></td> <td width="12%" align="center"><b>ENTRY</b></td> </tr> <tr> <td width="20%">KZ/108</td> <td width="16%">21JUN</td> <td width="16%" align="right">36</td> <td width="22%" align="right">621.00</td> <td width="12%" align="center">NRT</td> <td width="12%" align="center">LAX</td> <td width="12%" align="center">LAX</td> </tr> </tbody> </table> <table width="600"> <tbody> <tr> <td colspan="3"><br></td> </tr> <tr> <td width="68%"><b>DESCRIPTION: </b>CNSL BTS B</td> <td width="2%"></td> <td width="30%"><b>STORAGE BEGINS: </b>21JUN</td> </tr> </tbody> </table> <table width="300"> <tbody> <tr> <td colspan="3"><br></td> </tr> <tr> <td width="125"><b>HAWB</b></td> <td width="50" align="right"><b>PCS</b></td> <td width="70" align="right"><b>KGS</b></td> </tr> <tr> <td width="125">SHA10013627</td> <td width="50" align="right">24</td> <td width="70" align="right">211.00</td> </tr> <tr> <td width="125">SHA10013634</td> <td width="50" align="right">11</td> <td width="70" align="right">234.00</td> </tr> <tr> <td width="125">SHA10013637</td> <td width="50" align="right">1</td> <td width="70" align="right">176.00</td> </tr> </tbody> </table> </body> </html> Interestingly enough when you insert the html into Outlook Express and send it it renders perfectly. What can be causing Outlook to be rendering the HTML built by Cobol incorrectly. Thanks, Jared I currently send out html emails through my esp and do several rendering checks on all major isp's such as hotmail, gmail, yahoo etc. The email renders fine in all message previews but I do not know a way to check how the email renders for mac users. I found out recently that the emails render very poorly in macs, with images breaking throughout. I need to somehow be able to preview how the html will look like in a mac in order to test and fix these rendering issues. Is there a way to send an email from an HTML page (perhaps using javascript or just HTML) with an attachment? I know it can be done with server-side scripts but what about from the client only? So far everything I've tried generates an email but without the attachment. Thanks! 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 Alright, well I'm new here, and I'm just starting the largest HTML project I've ever done. I'm just trying to create a simple little site with virtual items and stores. Thats all I'm starting with, at the moment. Now, I've set up the pages, and have begun to get images for items, but the largest and most important question for a thing like this has popped out. How would I send one image to another page? Example (not real links): Send image imageshack.us/img453663 from trspriting.forumotion.com/Store-h6.htm to trspriting.forumotion.com/Inventory-h7.htm by clicking the image. I also would want the item to be destroyed after clicking it. hi. I put up 2 forms on my site bwsciencelabs.com and they both work well, except they won't send. What am I doing wrong? Thanks I'm coding my new website, and I had a question for one of my friends. I want to be able to send him one html file and my css stylesheet so he can experiment with changing a few things. When I try to attach the files as emails, they lose a lot of information when he receives them. (It messes with the <head> stuff and "blocks" the url's listed in the html file. Is there any good way to send exactly the same code that is in the files on my computer? I know I could post the code online and have him copy and paste it, but I'm hoping there is a way to send it. Thanks. I have run into an issue email html code. It seems that some or all email clients use Quoted-Printable encoding when display messages. Quoted-Printable encoding will change the = the 3d= whick for most tags is not an issue. However, our cart provider uses a form for our add to cart, view cart etc.. and cannot interpret the Quoted-Printable encoding. What happens is the tag in there form ID="cartID" is turned into ID3D="cartID" when displayed in an email client... Which fails on our cart providers server. Any help, ideas or suggestions? I am trying to create a form in HTML that will allow the user to select a department from a drop down and also enter their email address. on submit the form will be sent to the email address corresponding to the department as well as sending the user a copy of the form(the email address they entered manually). This code only sends the form to Dept1 & Dept2. If I move the "email_count" input field before "name1" then it sends the user email and the Dept1 email only. This works great if they select Dept1 each time, not so much if a different department is chosen. Any help would be great! I don't have access to the cgi code. Here is what I have so far: <form action="http://intranet/cgi-bin/genemail.cgi" method="POST" enctype="x-www-form-encoded" class="body" name="theform" onSubmit="return formCheck()"> <input type="hidden" name="FORM" value="IDEA Form"> <input type="hidden" name="sendto" value="MORE_EMAIL"> <input type="hidden" name="name1" value="Dept1"> <input type="hidden" name="email1" value="Dept1@email.com"> <input type="hidden" name="name2" value="Dept2"> <input type="hidden" name="email2" value="Dept2@email.com"> <input type="hidden" name="name3" value="Dept3"> <input type="hidden" name="email3" value="Dept3@email.com"> <input type="hidden" name="name4" value="Dept4"> <input type="hidden" name="email4" value="Dept4@email.com"> <input type="hidden" name="email_count" value="2"><!--for email to submitter--> Here is the option box: <select name="name_choice"> <option selected>Dept1</option> <option>Dept2</option> <option>Dept3</option> <option>Dept4</option> </select> Here is the text box that the user will enter their email address: <input name="email5" type="text" value="first.last@email.com" size="50" id="UserEmail"> Here is my submit code; <input type="submit" name="Submit" value="Submit"> I've made my email newsletter using html and uploaded it to my server. I only need to get the html coded newsletter into the gmail client. After searching on google for a couple hours I've gotten frustrated not being able to find the correct method of doing this. I tried clicking and dragging from the uploaded html file in my internet browser, which sort of works except I then lose all the hyperlinks (text and image) in the transfer. What exactly is the process in doing this? Thanks a ton! Hi I'm sending an HTML file as an Email attachment. When I send it the <meta> tag contains "charset=iso-8859-8" - Hebrew(ISO-Visual) but when the recipiant opens it the charset has changed to "charset=iso-8859-8-i" - Hebrew(ISO-Logical) which causes the text to appear left-to-right instead of right-to-left as I sent it. What causes this behaviour and how can I correct it? Thanks for any help David Paddling upstream searching for the source Im new to all this so excuse me if i ask/say stupid things...im still learning so im doing an email newsletter with like 8 images or so and its all good,so actually there is no problem...but thats what i dont understand. The path for the pictures is this: <img style="display:block;"src="file:///C|/Users/robbysanne/Documents/nieuwsbrieftemplates/html/images/se1.jpg"width="69"height="235"border="0"alt=""/> there in tables. So the images are on my harddrive...not online...but when i send the email with mozilla thunderbird to various hotmail,and gmail acounts on different computers elswhere the pictures still show up....and not as an attachment that you first have to download,but the whole newsletters displays properly. How is that possible? i thought that i was supposed to put the images on a server first,get them online and then link them.. thanks! |
|||||||