HTML - Html E-mail: Technophobe With Notepad
Hi,
I've spend today (9am yesterday till 3am... now) trying to learn my way through HTML from pretty much scratch! I've been helping out at a Drum Shop who've just got a website made, and they've been offered the chance to do a free e-mail campaign to local students. The shop has been open 40 years, and both the staff have been there since it opened, so entering the 20th century with a website is a major achievement! Anyway, I've been trying to compose the e-mail in html, and I think I've got something that'll work... but as I'm VERY new to all this I'm worried about whether it'll work in different browsers etc and, well... at all really! I've attached the txt of the HTML so far.... I've no editor etc, so been using notepad... sorry if it's awkward to read etc. I'm really just hoping someone will take pity on my poor fried brain and have a look at the page / txt and maybe let me know if there's something wrong with it and, if you're feeling generous, offer some tips and advice on changes... unfortunately, my first ever HTML e-mail will be going to 20,000 people, so I'm rather nervous about getting it right! Thanks in advance and eh, thanks for the forum... it's been really rather useful whenever I've been stuck / made a mistake! Steve PS: The images I'm using at the moment aren't quite right, can't fix them till I get back to work tomorrow morning! Similar Tutorialsremoved the message as help is no longer available I'm looking for a HTML/CSS/JavaScript etc. (all of those coding/scripting things that you use notepad for) editor that's a bit more advanced than notepad. It's not too important that it's free, as long as it isn't like.. USD $1000 I'm not looking for a WYSIWYG Ok I'm still really new to HTML with no bad habits & would like to use a program that is really easy to use & geared toward function-ability. I've been using notepad for my HTML I would prefer to steer away from DreamWeaver as I dont plan on using a WYSIWYG So what are my other options for great programs to write HTML in? Thanks Hello all, I am currently building an HTML newsletter complete with graphics and it is all set up and appears fine in my IE and other web browsers. However, now I want to actually place this HTML and graphics in the actual e-mail form and test it. This may sound like like a stupid question, but does anyone know how to do this? For the life of me I can't think of any way to actually embed an .html file (or just the HTML coding) inside of an email and have it appear inside of say.. a Yahoo, MSN, google, or outllook express email form. I need to be able to do this to test an send my e-newsletter. I've searched the net for tutorials on how to do this but have come up empty handed. Any ideas on how to go about this? Thanks in advance! 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? Hello! I was hoping somebody here could help me. I am quite confused. Here is what I want to do: Create an image in photoshop or a similar program, and save it as an HTML, so I can send them in an e-mail. It will be a newsletter. I know there are sites I can go to that can create them, but I want my own layout - and plus they charge for their service. All I want is a free jpg to html converter. Is this even possible? If so, can u shoot me a link? Thanks in advance! hi everyone, i'm new to the community! great forum! i've got a problem with a html mail. I want it to look like that http://www.giannibaccega.com/mail2/mail i've made that layout with inline CSS and absolute positioning, but Gmail messes all up! I've read that i need to use tables, but how can i overlap the logo GIANNI BACCEGA FOTOGRAFIA to the background image (the light)?? with tables they appears one on the right and one on the left, but i need the logo to overlap a bit the background... any suggestions? thanks! Hey guys I've been browsing for awhile now and I have finally joined up with a pretty basic simple question. I used a form generator to make this signup form for a group my friends putting together (long story lol). Basically its all generated and looks awesome. The issue is I have added this to the top <form id="form_113298" class="appnitro" method="post" action="mailto:EMAIL"> When i click submit however nothing happens... I dont have an email and it doesnt move forward or anything. Of course I never programmed another page after but heres some code from the bottom. <li class="buttons"> <input type="hidden" name="form_id" value="113298" /> <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" /> How can I make this form email me ? regards, Eddy I'm putting an html form on my site. When I send it, I get it, the fields are correctly filled out, but the message has an error. Can anybody help me out? Thank you in advance. HTML Code: <form action="http://lucaswynne.com/v-cgi/forms.cgi" enctype="application/x-www-form-urlencoded" method="post"> <table> <tr> <th align="right"> Name: </th> <td> <input type="text" name="Name" size="30" /> </td> </tr> <tr> <th align="right"> EMail: </th> <td> <input type="text" name="EMail" size="30" /> </td> </tr> <tr> <th align="right"> Subject: </th> <td> <select name="Subject" size="1"> <option value="Ask Lucas">Ask Lucas</option> <option value="Management and Booking">Management and Booking</option> <option value="Website Administrator">Website Administrator</option> <option value="Lucas Fan Mail">Lucas Fan Mail</option> </select> </td> </tr> <tr> <th align="right"> City, State/Province: </th> <td> <input type="text" name="City__State_Province" size="30" /> </td> </tr> <tr valign="top"> <th align="right"> Message: </th> <td> <textarea name="Message" rows="6" cols="30"></textarea> </td> </tr> <tr> <th></th> <td> <input type="submit" name="Submit_Form" value="Submit" /> </td> </tr> </table><input type="hidden" name="_vDeckformid" value="146" /> </form> I have been asked by a client of make an e-mail for their product that has email elements in it like a picture and a logo that use HTML elements pretty much a page that you open in your e-mail window. I often get discount mailers from many businesses that do this kind of thing. I know a bit about making HTML/CSS pages but I have never done an e-mail that has that look to it. Does anyone know the process I would use to assemble something like that? Thx u for the help? is it a good editor to work with?? Hello, I want to create this website, using the mailto tag, the user will input the info in the text boxes then click on the submit button and mail the information to what ever email I specify in the mailto tag(is that correct, can malto do that?). But I want to take it a step further and the email in the textbox the user filled out it would be sent email about more information on what they came to the website for, can this be done in html? if so how, hopefully this made sense to everyone. Thank you anyone know how to merge this nifty little free tool into a webpage? So one could type and it saves to a notepad file? this would be on a closed network. might (most likely) have some paypal payment for a working project ktnx notepad-plus-plus.org My server switch me from Windows platform to Linux. now when I pull down one of my pages I have lost all my spacing formats. Is there anything I can do to stop this? Is Linux causing this? It looks like this now: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><TITLE>No Magic Neon Street Magic LED DOT Approval Page</TITLE><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><META NAME="Keywords" content="DOT, DOT approval, led clusters, genesis, spyder, can-am spyder "><META NAME="Description" CONTENT="Street Magic Leds. Motorcycle Lighting Innovators, Not Imitators LED lights"><META NAME="Author" CONTENT="streetmagicleds@nycap.rr.com"><META NAME="ROBOTS" CONTENT="index,follow"></head><BODY BGCOLOR="#000000" TEXT="#000000" LINK="orange" VLINK="yellow" ALINK="#FF0000"><!--Take first section and duplicate on each page-change links--><div align=center><IMG SRC="logo sm-nmn 8-07.jpg" WIDTH=855 BORDER=0><p><table border=0 width=900 height=20 bordercolor="black" cellspacing=o cellpadding=0 bgcolor="black" > <tr><td><div align=center><A href="http://www.nomagicneon.com"><font color=#ffff99>Home</A> *<A href="http://www.nomagicneon.com/contact.html"><font color=#ffff99>Contact Info.</A Use to look like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>No Magic Neon Street Magic LED DOT Approval Page</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META NAME="Keywords" content="DOT, DOT approval, led clusters, genesis, spyder, can-am spyder "> <META NAME="Description" CONTENT="Street Magic Leds. Motorcycle Lighting Innovators, Not Imitators LED lights"> <META NAME="Author" CONTENT="streetmagicleds@nycap.rr.com"> <META NAME="ROBOTS" CONTENT="index,follow"> </head> <BODY BGCOLOR="#000000" TEXT="#000000" LINK="orange" VLINK="yellow" ALINK="#FF0000"> Thanks in advance if you have any ideas I've been writing all of my HTML in notepad since I started, and Id really like to keep it that way, but the browser seems to treat line breaks (in notepad) between elements as a space character in certain instances. For example, say I have HTML Code: <img1><img2> <img3> <img4> in the browser, that will render every image on the same line, but with a physical white space between img2, img3, and img 4 example: [1][2] [3] [4] in the past ive just sucked it up and put everything on the same line, but in larger projects that gets messy very quickly... any input that i'snt "use something better" is appreciated, thanks. First of all, WOW does this look like a site that can make it happen for me.. websitemakingwise. Im new and boy, loving the info so far.. ok, my problem: So Im cleaning up this code, yes.. again. And I wanted to make this automated php thing that sends emails straight to my inbox. Without having to use the client installed. Only problem is that the submit button isnt doing anything. Could someone have a look whats wrong? Filename: ContactForm.html HTML 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=ISO-8859-1" /> <title>Mailformulier updates - As it is in heaven again</title> <style type="text/css"> <!-- body { background-image: url(afbeeldingen/ups_and_simulation.jpg); } .style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #000000; } .style2 {font-family: Verdana, Arial, Helvetica, sans-serif} .style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } .style6 {font-size: 14px} .style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; } a:link {color: #000000;} a:visited{color:#009;} a:hover {color: #000000;} .style10 {color: #FFFFFF} .style14 {font-family:"Bookman Old Style"; font-size: 14px; color: #000000; } #txt{ position:relative; text-align:center; left:100px; top:55px; width:420px; height:40px; z-index:2; font-stretch:wider; } div.row { clear: both; padding-top: 5px; } div.row span.label { float: left; width: 100px; text-align: right; } div.row span.formw { float: right; width: 235px; text-align: left; } div.spacer { clear: both; } --> </style></head> <body> <table width="600" height="400" border="1" align="center" bgcolor="#FFFFFF"> <div id="txt"> <p class="style1">Ja, ik heb interesse. Graag ontvang ik verdere informatie over de toekomstige activiteiten.</p> </div> <tr> <td width="44" height="150"> </td> <td width="814" height="100"> <br /> <br /> <br /> <br /> <div style= "width: 360px; background-color: #ccc; border: 1px dotted #333; padding: 5px; margin: 0px auto;"> <span class="style4"> <form> <div class="row"> <form action="FormToEmail.php" method="post" name="ContactForm"> <span class="label">Naam:</span> <span class="formw"><input type="text" name="Naamgegevens" title="Hier uw volledige naam" size="25" /></span> </div> <div class="row"> <span class="label">Adres:</span><span class="formw"> <input type="text" name="Naamgegevens" title="" size="25" /></span> </div> <div class="row"> <span class="label">Postcode:</span><span class="formw"> <input type="text" name="Postcode" title="" size="25" /></span> </div> <div class="row"> <span class="label">Woonplaats:</span><span class="formw"> <input type="text" name="Woonplaats" title="" size="25" /></span> </div> <div class="row"> <span class="label">Telefoon:</span><span class="formw"> <input type="text" name="Vaste telefoon" title="Uw vaste telefoon-nummer" size="25" /></span> </div> <div class="row"> <span class="label">Mobiel:</span><span class="formw"> <input type="text" name="Mobiel" title="" size="25" /></span> </div> <div class="row"> <span class="label">E-Mail:</span><span class="formw"> <input type="text" name="E-Mail" title="Het E-mail adres" size="25" /></span> </div> <p align="center"> <span class="style14"> <br /> <br /> <br /> ruimte voor opmerkingen/suggesties/reacties</span> <br /> <textarea name="opmerkingen" cols="40" rows="6"></textarea> </p> <div class="spacer"> </div> </form> <div align="center"> <input type="submit" value="Versturen"><br> </div> <br> </div> <div align="center"><span class="style10">-----</span> <a href ="basis.html"><img src = "afbeeldingen/TERUG.png" width="95" height="60" style="border-style: none"/></a></span></div></td> <td width="44"> </td> </tr> <tr> <td height="100" colspan="3"><div align="center"> </div></td> </tr> </table> </body> </html> Thanks for reading till this point! Hop you didnt mind the Dutch lol. FILENAME: FormToEmail.php PHP Code: <?php $my_email = "rsizania@gmail.com"; /* Enter the continue link to offer the user after the form is sent. If you do not change this, your visitor will be given a continue link to your homepage. If you do change it, remove the "/" symbol below and replace with the name of the page to link to, eg: "mypage.htm" or "http://www.elsewhere.com/page.htm" */ $continue = "www.google.com"; /* Step 3: Save this file (FormToEmail.php) and upload it together with your webpage containing the form to your webspace. IMPORTANT - The file name is case sensitive! You must save it exactly as it is named above! Do not put this script in your cgi-bin directory (folder) it may not work from there. THAT'S IT, FINISHED! You do not need to make any changes below this line. */ $errors = array(); // Remove $_COOKIE elements from $_REQUEST. if(count($_COOKIE)){foreach(array_keys($_COOKIE) as $value){unset($_REQUEST[$value]);}} // Check all fields for an email header. function recursive_array_check_header($element_value) { global $set; if(!is_array($element_value)){if(preg_match("/(%0A|%0D|\n+|\r+)(content-type:|to:|cc:|bcc:)/i",$element_value)){$set = 1;}} else { foreach($element_value as $value){if($set){break;} recursive_array_check_header($value);} } } recursive_array_check_header($_REQUEST); if($set){$errors[] = "You cannot send an email header";} unset($set); // Validate email field. if(isset($_REQUEST['email']) && !empty($_REQUEST['email'])) { if(preg_match("/(%0A|%0D|\n+|\r+|:)/i",$_REQUEST['email'])){$errors[] = "Email address may not contain a new line or a colon";} $_REQUEST['email'] = trim($_REQUEST['email']); if(substr_count($_REQUEST['email'],"@") != 1 || stristr($_REQUEST['email']," ")){$errors[] = "Email address is invalid";}else{$exploded_email = explode("@",$_REQUEST['email']);if(empty($exploded_email[0]) || strlen($exploded_email[0]) > 64 || empty($exploded_email[1])){$errors[] = "Email address is invalid";}else{if(substr_count($exploded_email[1],".") == 0){$errors[] = "Email address is invalid";}else{$exploded_domain = explode(".",$exploded_email[1]);if(in_array("",$exploded_domain)){$errors[] = "Email address is invalid";}else{foreach($exploded_domain as $value){if(strlen($value) > 63 || !preg_match('/^[a-z0-9-]+$/i',$value)){$errors[] = "Email address is invalid"; break;}}}}}} } // Check referrer is from same site. if(!(isset($_SERVER['HTTP_REFERER']) && !empty($_SERVER['HTTP_REFERER']) && stristr($_SERVER['HTTP_REFERER'],$_SERVER['HTTP_HOST']))){$errors[] = "You must enable referrer logging to use the form";} // Check for a blank form. function recursive_array_check_blank($element_value) { global $set; if(!is_array($element_value)){if(!empty($element_value)){$set = 1;}} else { foreach($element_value as $value){if($set){break;} recursive_array_check_blank($value);} } } recursive_array_check_blank($_REQUEST); if(!$set){$errors[] = "You cannot send a blank form";} unset($set); // Display any errors and exit if errors exist. if(count($errors)){foreach($errors as $value){print "$value<br>";} exit;} if(!defined("PHP_EOL")){define("PHP_EOL", strtoupper(substr(PHP_OS,0,3) == "WIN") ? "\r\n" : "\n");} // Build message. function build_message($request_input){if(!isset($message_output)){$message_output ="";}if(!is_array($request_input)){$message_output = $request_input;}else{foreach($request_input as $key => $value){if(!empty($value)){if(!is_numeric($key)){$message_output .= str_replace("_"," ",ucfirst($key)).": ".build_message($value).PHP_EOL.PHP_EOL;}else{$message_output .= build_message($value).", ";}}}}return rtrim($message_output,", ");} $message = build_message($_REQUEST); $message = $message . PHP_EOL.PHP_EOL."-- ".PHP_EOL.""; $message = stripslashes($message); $subject = "FormToEmail Comments"; $headers = "From: " . $_REQUEST['email']; mail($my_email,$subject,$message,$headers); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Dreamweaver Tutorial - Contact Form</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#ffffff" text="#000000"> <div> <center> <b>Thank you <?php print stripslashes($_REQUEST['name']); ?></b> <br>Your message has been sent <p><a href="<?php print $continue; ?>">Click here to continue</a></p> <p><b>Dreamweaver Spot</b> by <a href="http://dreamweaverspot.com">dreamweaverspot.com</a></p> </center> </div> </body> </html> Ok thanks!! So.. whats wrong? Im a total noob.. and it isnt even that I started from scratch.. some of it was already there. Appreciate your advice For some reason when I right click to edit an HTML document, it uses Word instead of Notepad. I have no idea why it is doing this. It is like this in both SmartFTP and Windows Explorer. How do I change this? Thank you! Good day guy's. Im very new to html programming and scripting, but I was wondering if it would be possabe to insurt a dynamic label field in you body where to content must be fetch from a notepad or wordpad ( /docs/someting.txt ) Thanks Hi guys, Could you please help me in giving the code that takes data from the fields in HTML form and when submit button is clicked the mail has to go to the intended user through Microsoft office outlook. Please help me... its very urgent Thanks & Regards Karteek Challa Has anyone else had any problems when using notepad to edit code created with an WYSIWYG editor such as Frontpage or Dreamweaver? In particular, making links, that are correctly coded, work? Something even odder, is that this problem only occurs on the index.html page. If I rename that page the links work just fine. I have asked this same question in other forums and no one seems to have a clue. Has anyone else encountered this or have any thoughts? |