HTML - Crazy Form Issue
Hey guys I'm having a crazy form issue now. I almost have this project wrapped up. Also Thank you very much to the members who have contributed to this. So heres the deal I have a <textarea> box on my form. For some crazy reason it automatically populates with some blank text. My server side code has some error handling stuff I put in to make sure this area isn't blank before processing the code, however since it populates with blank spaces it allows it to bypass this area. I'm totally lost on how this can be. Im sure its something stupid I have done. Here is the code, html first then css, Also here is a link to the page online now. http://www.marylovesshopping.com/ContactUs.html
Code: <p class="form">Comments or Requests: (Required)<br /> <textarea name="comment" rows="5" cols="40"> </textarea></p> Code: #content p { margin:16px 0; font-size:13px; text-align:justify; } .form p { margin:0px; padding:0px; overflow:auto; } Similar TutorialsHello professional web geniuses. I just built a website for the first time (actually its the third attempt after getting some much needed tips on design) my site has a "Free Consultation" button that leads the potential client to a form. http://www.fighttheticket.ca/index_f...20Consultation I have two problems with the form. 1. It does not send the information to the email address that I though I programmed it to go to. 2. After the potential client fills out the form and hits "Submit" it goes to a 404 page not found page. I really am at my wits end. Ive tried changing the properties as well as other fixes but nothing seems to work. I would pay someone to help but, quite frankly I am broke! (Im just starting the business) Can anyone offer some advice that can make me sane again? Thank you in advance. Hi, I apologize if I'm posting in the wrong forum. I've been trying to find out what I'm doing wrong for 5 days now with the contact form on the site I'm working on. So please help me out. i'm using the AJAX contact form from http://www.dustindiaz.com/ajax-contact-form/ I've used it on at least 5 other site and they work grate, however on the site I'm working now I had so many issues, first I could not align it up, then somehow I fixed that, now that everything looks good, when u fill in the info in the form and click "send email" the whole form jumps of the site to the right. I just dont know why? I cant see why ? I've been using this form on 5 other sites and the work Grate, except this site http://www.sadmir.com/DEMOS/ae2/contact.html Please look at it, try it, and help me out if you can .... Thank you Hi Everyone! Having a little issue with getting a contact form to function properly. I only tinker around with html and web design as a whole, but I will try to expain my issue and not sound too lame. I am trying to add a contact form to a website i modified for a band. The contact form is simple, Name, email, and submit. However, the template utilizes a second html page embedded within the main page as a whole. check out www.alttheory.com to see what I mean. The area in the upper Right hand area where I am attempting to put this form. It is a separate html page called iframe.html. At the code's current position, the submit button is not doing anything at this point. The code that a friend sent me who has no problem getting it to work on his site is he <div id="apDiv1"> <form action="sendmail.php" method="post"> <p><img src="images/contentemail.png" width="137" height="26" /> <input name="email" type="text" /> <img src="images/contactmessage.png" width="169" height="25" /> <textarea name="message" cols="24" rows="8" id="name"></textarea> <input name="submit" type="image" src="/images/contactsubmit.png" width="100" height="33"/> </p> I then place the sendmail.php in the main directory which is also supposed to work, after changing the send to email to my own and create and specify the thanks.html page. the sendmail.php code i am trying to use is he <?php $email = $_REQUEST['email'] ; $message = $_REQUEST['message'] ; mail( "myemail@mail.com", "Feedback Form Results", $message, "From: $email" ); header( "Location: http://www.band.com/thankyou.html" ); ?> Can anyone see what I am doing wrong and offer some guidance? Any help would be much appreciated. thanks. Best, Bill Hi, I am trying to create a form that emails me a copy of the form results (if possible in a pretty format) and then redirects the user to another page. I don't want the user to use a .php or .asp page if possible, I would prefer to keep the user on a .html page. If its possible for the form to use an external page or code that the user never sees then this is fine. Cheers! Sam Hi Guys, Firstly, I'd like to say this is a great forum - it's been a great help getting started with html & web design. I've an issue regarding IE and CSS layouts. I'm currently creating www.pulselifts.net . In Firefox and any other browser, it displays fine, however, in IE, the buttons on the left hand side have alignment issues. I've tried looking at all of the CSS & IE issues, but cannot seem to fix it! Does anybody have any ideas? Thanks! Hello there friends! first i apologize if this thread is in the wrong section its just that i don't even know how to name what i want. OK here is the deal, i have a software that i developed and im trying to create a page where my costumers adds any error that they found while using the software.. fox example, a user find some type of error in the software then they go to my webpage click an "add" button to type the error that they found, click submit and the new error is displayed i the list. its kind off like the lists in sharepoint. i don't if you are familiar with sharepoint. anyway, thats all, even some help naming what i want would be really appreciate. im using expression web if that helps. Hi, i'm only a novice webdesigner but i'm having major problems with my page at www.lunatreejewellery.co.uk/emu.html It looks as it should in IE7, but firefox chops off the bottom of my form and the tree logo on the lefthand column will not position itself correctly. I've had the problem of the logo on other pages not being where it should be in firefox, but i can live with that as half my second column content never disappeared! Any help would be greatly appreciated. Thank You in advance! Here is a link to what I am working on now... http://209.97.201.191/ If you notice the drop down menus they disappear, or only partially show when using Firefox. In IE they work perfect. I have never come across this problem before. Any ideas as to what is causing it? OK this is by no means a major problem. It's more of an annoyance. On my login script I have a basic form for logging in. Fire fox and IE will keep my login information for me when I get to the login page. The issue is that when the page loads my user name field will be blank however my email and password fields will have my info in it. On any other site I use, I would get the user name and email fields with my info and the password field blank. That's the way it should be. Below you will find a snipit of the code, There has to be something I'm missing. Thanks for your help! Code: <form action="index.php" method="post" name="user_login"> <tr> <td class="formNames" align="right" valign="middle" width="50%"> User Name: </td> <td align="left" valign="middle" width="50%"> <input class="formText" name="user_name" type="text" size="20" maxlength="35" value="<?php echo $user_name; ?>" /> </td> </tr> <tr> <td class="formNames" align="right" valign="middle"> Email Address: </td> <td align="left" valign="middle"> <input class="formText" name="email" type="text" size="20" maxlength="35" value="<?php echo $email; ?>" /> </td> </tr> <tr> <td class="formNames" align="right" valign="middle"> Password: </td> <td align="left" valign="middle"> <input class="formText" name="password" type="password" size="20" maxlength="25" /> </td> </tr> <tr> <td colspan="2" align="center"> <input class="submitButton" type="submit" value="Submit" name="enter" /> </form> </td> </tr> Thanks again!! Regards Guyzer I'm trying to figure out if it is possible to send data from a form directly to an email address without being redirected to the user's default email app or using a CGI script. I have little to no background in PERL and while I realize I'm going to have to become well versed in it (and am in the process of learning it) I need a solution to this immediate problem. Any suggestions would be welcome. Thanks. Below is the relevant block of code: ********* <form method=post action="mailto:youremailaddress@user.com" enctype="text/plain"> <table width="90%" cellpadding="0" border="0" align="center" cellspacing="0"> <tr> <td width="40%" valign="top"> <font face="times" color="#000340" size="3"> Name: <br /><br /></td><td width="*" valign="top"> <input type="text" name="Name" size="20" /> </td> </tr> <tr> <td width="40%" valign="top"><font face="times" color="#000340" size="3">Company: <br /><br /> </td> <td width="*" valign="top"><input type="text" name="Company" size="20"> </td> </tr> <tr> <td width="40%" valign="top"><font face="times" color="#000340" size="3">Company Address: <br /><br /> </td> <td width="*" valign="top"><input type="text" name="Address" size="20"> </td> </tr> <tr> <td width="40%" valign="top"><font face="times" color="#000340" size="3">Zip Code: <br /><br /> </td> <td width="*" valign="top"><input type="text" name="ZipCode" size="20"> </td> </tr> <tr> <td width="40%" valign="top"><font face="times" color="#000340" size="3">Phone: <br /><br /> </td> <td width="*" valign="top"><input type="text" name="Phone" size="20"> </td> </tr> <tr> <td width="40%" valign="top"><font face="times" color="#000340" size="3">Email Address: <br /><br /> </td> <td width="*" valign="top"><input type="text" name="email" size="20"> </td> </tr> <tr> <td width="40%" valign="top"><font face="times" color="#000340" size="3">Requested Product(s): <br /><br /> </td> <td width="*" valign="top"><textarea cols="20" rows="4" name="comment" ></textarea><br /><br /> <input type="submit" value="Submit"> <br /><br /> </td> </tr> </table> </form> Any ideas why the buttons on the following link have such big gaps around them top and bottom? http://www.curiousclothing.com/test/tours.htm Hi! I had my test webpage where i test my designs, scripts etc. working well but then my little brother change some stuff in both the html file and css file, I already fixed a lot but I don't know what's wrong now. 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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>ComBBAT - FRC Team 21</title> <link href="http://demo.combbat21.com/css/general.css" rel="stylesheet" type="text/css" media="screen, all"/> <link href="http://demo.combbat21.com/css/img.css" rel="stylesheet" type="text/css" media="screen"/> <link href="http://demo.combbat21.com/css/print.css" rel="stylesheet" type="text/css" media="print"/> <meta name="description" content="ComBBAT, Team 21 is a FIRST Robotics Competition team consisting of both Titusville and Astronaut Highschools in Titusville, Florida." /> <meta name="keywords" content="USFirst, robotics, titusville, brevard, florida, FRC, ASRC, boeing, FIRST, ComBBAT, team 21, govconnection, team, competition, FIRST, first," /> <meta name="author" content="Daniel Cuesta" /> <link rel="shortcut icon" type="image/x-icon" href="http://files.combbat21.com/website/images/favicon.ico" /> <!--[if IE]> <style type="text/css"> </style> <![endif]--> <!--JAVASCRIPTS--> <script type=text/javascript"" src="http://demo.combbat21.com/js/addfav.js"></script> <script language="JavaScript1.1" src="http://demo.combbat21.com/js/slidehome.js"></script> <script type="text/javascript" src="http://demo.combbat21.com/js/report.js"></script> </head> <!--|| --> <body> <div id="container"> <div class="br10"></div> <div id="top"> <ul> <li><a href="http://m.combbat21.com">mobile</a></li> <li><a href="javascript: function('addfav')" >Bookmark us</a></li> <li><a href="http://members.combbat21.com">login</a></li> </ul> </div> <div id="header"> <a href="../../../" id="logo" title="Home"></a> <a href="../../../" id="name" title="Home"></a> <a href="http://usfirst.org" id="first" title="FIRST" target="_blank"></a> </div> <div id="navbar"> <ul> <li><a href="http://combbat21.com" id="n1" class="active">Home</a></li> <li><a href="first/">FIRST</a></li> <li><a href="about/">About us</a></li> <li><a href="multimedia/">Multimedia</a></li> <li><a href="resources/">Resources</a></li> <li><a href="contact/">Contact us</a></li> </ul> </div> <div id="breaker"><!-- <span class="pathway">You are he </span><a href="../../../../">Combbat21.com</a> <div id="search"> <form name="cse" id="searchbox_demo" action="http://www.google.com/cse"> <input tabindex="3" class="txt" name="q" value="" title="Search" /><input type="image" id="searchB" name="submit" src="http://files.combbat21.com/website/images/search-button.gif"/></form> --> </div> </div> <div id="rightcol"> <ul> <li><a href="about/">about combbat</a></li> <li><a href="first/">about first</a></li> <li><a href="news/">news</a></li> <li><a href="blog/">blog</a></li> <li><a href="calendar/">calendar</a></li> <li><a href="donate/">donate</a></li> <li><a href="sitemap/">sitemap</a></li> </ul> </div> <div id="leftcol"> <a href="javascript:gotoshow()"><img src=".jpg" name="slide" border=0 width=100% height=100%></a> <script> <!-- slideshowimages("http://files.combbat21.com/website/images/slideshow/1.jpg","http://files.combbat21.com/website/images/slideshow/2.jpg","http://files.combbat21.com/website/images/slideshow/3.jpg","food4.jpg","food5.jpg") slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010") var slideshowspeed=2000 var whichlink=0 var whichimage=0 function slideit(){ if (!document.images) return document.images.slide.src=slideimages[whichimage].src whichlink=whichimage if (whichimage<slideimages.length-1) whichimage++ else whichimage=0 setTimeout("slideit()",slideshowspeed) } slideit() //--> </script> <noscript>In order to see the slideshow you must enable javascripts</noscript> </div> <div id="content"> <a href="" onClick="window.print(); return false"> <img src="http://files.combbat21.com/website/images/print.png" title="Print" alt="print button" class="tb"></a> <h2>Welcome to combbat21.com</h2> <p>FIRST Robotics Competition Team 21 was started in 1996 to share and expand FIRST's vision with students of Astronaut and Titusville High Schools in Titusville, Fl. Our mentors, Scott Strickland from Boeing, James Rallo from Upper Mohawk Inc, Stephen Stout from ASRC Aerospace, Kevin Cunningham from USA, and Jeff White, assist the ever-expanding team of high school students design, construct, and program a fully functional ~120 lb robot and facilitate the development of important life skills such as teamwork, communication, and leadership. </p> </div> <div id="sponsors"> <p>The FIRST Robotics Team 21 gracefully thanks its sponsors:</p> <a href="" target="_blank" id="boeing"></a> <a href="" target="_blank" id="govc"></a> <a href="" target="_blank" id="asrc"></a> </div> <div id="footer"> <ul> <li><a href="/chforum">chief delphi forum</a></li> <li><a href="/mobile">mobile</a></li> <li><a href="link/">link to us</a></li> <li><a href="sitemap/">sitemap</a></li> <li><a href="sponsorus/">sponsor us</a></li> <li><a href="contact/">contact us</a></li> </ul> </div> <div id="end"> <a href="javascript:popUp('http://www.demo.combbat21.com/report')">Report</a> </div> <div align="center"><!--needed for ff--> <div id="bottom"> <p>FRC Team ComBBAT 21. Copyright © 2010. All rights reserved.</p> </div> </div> </div> </body> </html> css:www.demo.combbat21.com/css/general.css Thanks a lot to anyone that replies. done i've made my own way to solve it thanks Does anyone know why there is padding around all my buttons on this page? They should be flush against each other... Any ideas? http://www.curiousclothing.com/test/tours.htm i have a prob in ie6 my divs go down. please take a look at my site amazingcoloradotravel.com/elkrange can someone give me a pointer where i gone wrong? hoping for your kind consideration regarding this matter Hey all, I'm pretty sure this is a very easy solution, I've just been staring at it too long and am probably missing the cause. I'm using Google's site search API and using their "Results Only" setup, so I design my own search box, then just drop their code into the results page and specify the variable the query is being passed as. So here's my search box: Code: <form method="post" action="/search-results/?q="> <input id="searchTxt" type="text" maxlength="128" name="q" size="15" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" /> <input type="image" name="op" value="Search" src="/wp-content/uploads/2011/07/search-button-magnifier.png" /> And the results code via Google: Code: <div id="cse" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> function parseQueryFromUrl () { var queryParamName = "q"; var search = window.location.search.substr(1); var parts = search.split('&'); for (var i = 0; i < parts.length; i++) { var keyvaluepair = parts[i].split('='); if (decodeURIComponent(keyvaluepair[0]) == queryParamName) { return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' ')); } } return ''; } google.load('search', '1', {language : 'en'}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXXXXX'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.enableSearchResultsOnly(); customSearchControl.draw('cse', options); var queryFromUrl = parseQueryFromUrl(); if (queryFromUrl) { customSearchControl.execute(queryFromUrl); } }, true); </script> <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> But nothing seemingly the query is not sent with the user to the results page. Manually adding "?q=test" shows the results work. Am I missing something here? I'm using Wordpress on this site, so not sure if the permalink setup is screwing with it at all. Thanks for the help i'm calling upon anyone to help me, i've been tearing my hair out for hours over this! i'm trying to reformat a blog template to include in a client's website, but the html is driving me crazy. i am trying to center the blog, making it about a 480px width. i have tried to correct the html to reflect this (however i am a bit of a novice and teaching myself!), but what seems to happen is that the 'next page' of the blog follows my request, but not the main page. i hope that makes sense! here's the html, if anyone can see any glaring errors i'd love to know as this is the final part of the website and i'm losing sanity fast... any input is SO welcome. thanks to you all, minki HTML Code: <html> <head> <title><%WindowTitle%></title> <style type='text/css'> p { margin: 0px; } body { background: #FFFFFF; margin-left: 15px; margin-top: 15px; } td.topbar { padding: 5px; padding-left: 15px; padding-right: 15px; background: #FFFFFF; } td.content { padding: 5px; padding-left: 15px; padding-right: 15px; background: #FFFFFF; color: #000000; font-family: courier new; font-size: 10pt; line-height: 1.7; } td.border { background: #FFCCFF; font-size: 6pt; } td.box { padding: 10px; padding-top: 20px; padding-bottom: 150px; font-family: courier new; font-size: 10pt; background: #FFCCFF; color: #000000; line-height: 17px; } div.date { margin-bottom: 4px; color: #777777; } div.box { float: right; margin-left: 10px; margin-bottom: 10px; } div.comment { padding-left: 20px; } h2 { margin-top: 0px; margin-bottom: 0px; font-family: courier new; font-size: 30pt; color: #FF00FF; } h3 { margin-top: 0px; margin-bottom: 0px; font-family: courier new; font-size: 16pt; color: #FF00FF; } a:link { color: #FF00FF; } a:visited { color: #FF00FF; } a:hover { color: #FF00FF; } a.menu:link { color: #990099; } a.menu:visited { color: #990099; } a.menu:hover { color: #990099; } </style> </head> <body> <center> <table cellpadding='0' cellspacing='0'> <tr><td><img src="http://www.andreadonovan.com/buttons/title%20name.jpg" border='0'><br><center><img src="http://www.andreadonovan.com/buttons/news%20heading.jpg"></center></td></tr> <tr><td width='580' class='topbar'></td></tr> </table></center> <br> <table cellpadding='0' cellspacing='0' align='center'> <center> <tr> <td width='480' class='content'> </center> <div class='box'> <table cellpadding='0' cellspacing='0'> <tr><td></td></tr> <tr> <td width='169' align='center' valign='top' class='box'> <img src="http://www.andreadonovan.com/Reas%20Website/glasses%20sm.jpg" border='0'><br><br> <%Description%> <br><br> <a href='http://www.andreadonovan.com' class='menu'>home</a><br><a href='http://www.andreadonovan.com/gigs.html' class='menu'>gigs</a><br><a href='http://www.andreadonovan.com/photos.html' class='menu'>photos</a><br><a href='http://www.andreadonovan.com/cv.html' class='menu'>cv</a><br><a href='http://www.andreadonovan.com/contact.html' class='menu'>contact</a><br><a href='http://www.andreadonovan.com/links.html' class='menu'>links</a> </td> </tr> <tr> <td></td> </tr> </table> </div> <!-- ARCHIVE PAGE --> <IfArchivePage> <h3>Archives</h3> <%ArchiveInfo%> </IfArchivePage> <!-- MAIN PAGE --> <IfMainPage> <Entry> <h3><%EntryTitle%></h3> <div class='date'>Posted at <%EntryTime%> on <%EntryDate%><IfCategoriesAllowed> in <%EntryCategory%></IfCategoriesAllowed></div> <div><%EntryBody%></div> <IfCommentsAllowed><a href='<%EntryURL%>'>Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed>| <a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed> |</IfCommentsAllowed> <a href='<%EntryURL%>'>Permanent Link</a> <br><br> </Entry> </IfMainPage> <!-- ENTRY PAGE --> <IfEntryPage> <Entry> <h3><%EntryTitle%></h3> <div class='date'>Posted at <%EntryTime%> on <%EntryDate%><IfCategoriesAllowed> in <%EntryCategory%></IfCategoriesAllowed></div> <div><%EntryBody%></div> <IfCommentsAllowed><IfCommentPostAllowed><a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed></IfCommentsAllowed> <br><br> <IfCommentsAllowed> <Comment> <div class='comment'> <h3><%CommentTitle%></h3> <div class='date'>Posted by <%CommentAuthor%> <%CommentAuthorIP%> at <%CommentTime%> on <%CommentDate%></div> <div><%CommentBody%></div> <a href='<%CommentURL%>'>Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete> </div> </Comment> </IfCommentsAllowed> </Entry> </IfEntryPage> <!-- FRIENDS PAGE --> <IfFriendsPage> <Entry> <h3><%EntryTitle%></h3> <div class='date'>Posted at <%EntryTime%> on <%EntryDate%> by <%EntryAuthor%></div> <div><%EntryBody%></div> <IfCommentsAllowed><a href='<%EntryURL%>'>Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed>| <a href='<%CommentPostURL%>'>Post A Comment!</a></IfCommentPostAllowed> |</IfCommentsAllowed> <a href='<%EntryURL%>'>Permanent Link</a> <br><br> </Entry> </IfFriendsPage> <IfPages> <center> <br><br> <- <LaterLink>Last Page</LaterLink> | <EarlierLink>Next Page</EarlierLink> -> </center> </IfPages> </td> </tr> <tr><td></td></tr> </table> </center> </body> </html> Hey everyone, my website is pretty much viewing the same on my mac and on my pc now, except one big problem. Photoshop uses an automatic table generator which I used to layout my pop-up windows. I replaced one of the images into the background, and placed my text over it. This all works fine. My problem is that for some reason, IE is putting a 15px gap on my table in the worst places. http://www.myportfolio.ws/products/logo.html It works fine on my Firefox/Safari. Please help me ><;;; Also, why everytime I validate my html/xhtml I get a million errors when I know for a fact that its not ? My whole website is gaggle-full of errors that confuse me. Please help me out, I am entirely self-taught and this is just killing me. Hi guys, First of all, take a look he www.euro-nova.co.uk/revamp You will notice the navigation bar at the top, all sitting where it should, but with no links, just plain text. Now, scroll to the bottom of the page, you will see another navigation bar, but its sitting wrong, as you can see. I want it to sit like the one at the top. The problem is, the top one is plain text, the bottom has the links attached to it, if I take the links away it sits properly. I have this problem with BOTH of the navigation bars, and I'm stumped!! Can someone help? Thanks. I've been up for the past 4 hours trying every way possible to get my table to align to the left of my page. I've tried countless html codes... anything and everything! Below is a list of my html codes as well as what my page is coming out like. Would someone please tell me how stupid I am and that I'm looking over something small or my html code is messed up. Sorry if I sound like Im whinning- I'm just frustrated. I really appreciate the help. Thanks. Quote: <LEFT> <TABLE BORDER=6 CELLSPACING=0 CELLPADDING=20> <TR> <TD>Info</TD> <TD>Info</TD> </TR> </TABLE> </LEFT> <table border="1" align="left"> <tr> <td>info</td><td>info</td> </tr> </table> |