|
HTML - Html Emails
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 Similar TutorialsHello 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 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> 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, 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 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!!!! I 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. 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. 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 would like to add extra fields to my contact us form on osCommerce. The fields I would like are 'Category' drop down list which would be linked to a selection of email addresses, so that when a customer selects 'sales' or 'cust service' the email would go to a seperate email address each time. This would make it much easier to do admin work. Is it possible to change this without needing to install a ticketing system? Hi Guys, I send php emails to myself and when click on the link it opens a new windows. Is there anyway I can force the link to opened in the current window its in ? Hey I've got an issue and it's driving me nuts trying to figure it out. I have a form and when it's submitted from the webpage, the resultant email has no name in the from field. Using the below example, the email would say From: joe@home.com () The empty parenthesis is the issue, but I haven't been able to figure out how to get a name in there! I've searched through these forums, as well as a number of other sites including the teaching area of www.w3.org. Help!!!! Thanks Paul Below is the html I'm using. <html> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <form action="/cgi-bin/formmail/formmail.pl" method="POST"> <input type="hidden" name="redirect" value="http://www.whatever.com/thanks.html"> <p> <input type="hidden" name="recipient" value="joe@home.us"> <input type="hidden" name="subject" value="just testing"> </p> <HR noshade size=5 WIDTH="95%" ALIGN="CENTER"> <br> Your name: <input name="name" size=30 maxlength="30"> <br> Your e-mail address: <input name="email" size=30 maxlength="30"> <br> Location <input name="location" size=30 maxlength="90"> <br> <br> Message/comments: <br> <textarea wrap=physical name="Message/comments" cols=60 rows=8></textarea> <br> <br> <input type="submit" value="send email" name="submit"> <input type="reset" value="clear" name="reset"> </form> </body> </html> hello . i am new here . how can i recive message (emails) from my site's members when they hit Submit as the pic. what script should i insert in the script of sumit button? what files should i upload to my site if found? i need full explination as i am zero in html . any one can use teamviwer help me if i can not I have very limited knowledge of any programming. I own a site and would like to host a 2nd private website where users can email to. The catch is that they when I hand out the email as xxxxxxx@mysite.com (xxxxxxxxx being anything,) I can trace back to anyone who sends me spam. This is similar to spamgourmet.com ,infact it is pretty much the same thing. The only problem I find with spamgourmet is that emails are processed EXTREMELY slowly. Can anybody help me? I'm looking for code that would let me do what I said up there or some kind of script or where I should host the site. Thanks I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!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" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ? Many thanks Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? |
|||||||