|
HTML - Hi. Where To For Html In Emails, Not Websites?
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. Similar Tutorialshi, i am currently trying to learn HTML and wanted a free live website to practice on, however when i signed up for one at tripod.com, i had to use some setup guide thing, even when i clicked "start a blank website". most other free website services seem to have something similar. Is there a way around this, so i can start from scratch and build the website purely with html/xhtml etc. or a different histing service that lets you do this? any information would be appreciated, thank you Today's websites, most people focus on building them with more advanced languages such as PHP & MySQL, am I right? Do people still build full websites using only HTML and CSS? The only HTML/CSS sites I really see nowadays are usually old informational static websites that never change. Hi Guys. I recently updated my website, I moved my company logo so it would be above my main navigation, however by doing this I needed to change the .css slightly (the "Stage" width was altered - this was the only thing I changed). By doing this it allowed for a slightly newer navigation layout which you can view HERE. However since I have done this, the website is no longer viewable properly using a Mac (it still looks fine on a PC) why would this have changed? (I took a screen grab of what I mean - you can view it HERE I'm not a pro by any means, I have self taught myself but I am seriously stumped by this. Any help is welcome! 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??? 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 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> 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 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 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. 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 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 Does anyone know any useful websites to learn how to use HTML? I've used w3school's but i don't find it great. I'm a student learning XHTML. As part of a project I need to locate websites which provide troubleshooting tips for different problems (images, wacky tables, etc). Does anyone know of an especially good website for obtaining this kind of info? Help is greatly appreciated. Hey whatsup? I am working on a wrestling site ( www.bballcentral.com/stkf ). ANyways, im trying to get videos up onto the site? How do i do that and what sthe best ways? if i want to make the content of 1 frame on my website, another website ?? how do i do this???? How do professional websites update all of their pages at once? For instance I see that a website has change the navbar in every page, (1000+ pages) At the moment, I first make my home page, then I copy&paste it and change the text etc, but if I wanted to change the navbar, I would be needing to change every single page 1 by 1. Hello! I was wondering how you make a little logo to your website like the one on google.com for an example. I had created a similar thread here a while back but that was regarding site "maintenance". I am now bidding for my first paid job locally here in NY but this is all I have to go on from the person: The work on my website will require flash/animation inserts. They will be self-building PowerPoint slides. Which of your samples includes or comes closest to that? You must give me a maximum compensation figure if you want to be considered. I had told him that I cannot give a price without knowing all details, how many pages, images, if the need animation e.t.c and I still don't know but that is mainly how it's done here in NY, people tell you next to nothing and ask you what you will charge, how would you guys handle this please? |
|||||||