|
HTML - Simple Form Box Issues! Help Please!!!!
<DIV id=regform style="BOTTOM: 60px; RIGHT: 411px; POSITION: absolute">
<FORM action=sendmail.php method=post>sitename.com<b style="COLOR: black;font-family:arial;font-size:20%;"></b> <BR><INPUT size = 15 name=email> <INPUT type=submit value=Submit></FORM></DIV> This code makes my email box move dependent on the size of your web browser window. How can I stop this ? Really appreciate help here. Thankyou. Similar TutorialsHello, I just made my new site for my company and I tried to keep it extremely simple. I used wordpress to do the basic layout automatically and made some simple edits with some basic html i picked up along the way this week. There seems to be two problems though: 1) the form is inside a table which doesnt seem to align properly within any of the popular browsers (firefox/IE/chrome) .... it should look like 1 image instead of 3 separate pieces 2) i eventually got the form to align slightly better but the spot where I "Enter my zip code" doesnt align with the background image behind it.....sometimes it doesnt even say "enter zip code" which is very bad for a user experience. in firefox it doesnt say it, but in chrome it does say it....either way, both are aligned very poorly..... I put my code into this site: http://w3schools.com/html/tryit.asp?...=tryhtml_intro ...and after editing it, i've come to find that it works perfectly within that html editor and looks exactly how i want it to look. but then when i put the code back into my wordpress site, the alignment messes up again...... so i did some research and found out that wordpress has "deprecated" some of the html tags and that they dont work anymore...if i understand correctly. so now i have to find a way to pick new tags or use CSS...this is just so confusing and i thought maybe somebody here might be able to offer me some assistance to help me fix up this form/table problem. my site's url is: http://www.allautoinsurance.org my code that I'm editing is on the right sidebar, where the alignment messes up: <div style="text-align: center;"><span style="font-size: 14pt; font-family: Georgia; color: rgb(0, 0, 0);"><span style="font-size: 14pt;"><span style="font-size: 14pt;">Our free online service instantly browses the best rates in your zip code area at the click of a button. We've helped thousands of people quickly and easily save money on their auto insurance:</span></span></span><br /> <br /> <form action="http://network.mossaffiliatemarketing.com/z/61/CD62/&subid3= "method="post"> <table border="0" cellpadding="0" cellspacing="0" width="225"> <tr> <td colspan="2"><img src="http://www.allautoinsurance.org/wp-content/uploads/2009/08/top.jpg"></td> </tr> <tr> <td class="background1" valign="middle" height="54" width="153"> <style> .background1 { background-image: url(http://www.allautoinsurance.org/wp-c...tom_left.jpg); background-repeat: no-repeat; } </style> <input type="text" name="subid1" value="ENTER ZIP CODE" style="margin-left:30px; margin-bottom:5px; width:110px; border-width:0px; font-size:14px; font-family: Arial, Helvetica, sans-serif;" onClick="javascript:this.value='';"> </td> <td> <input type="image" src="http://www.allautoinsurance.org/wp-content/uploads/2009/08/bottom_right.jpg"></td> </tr> </table> </form> </div> <div style="text-align: left;"><span style="font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 1)</span> Input your zip code and click the button above to begin browsing the auto insurance providers in your area</span></span></span><br /> <br /> <span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 2)</span> Select the auto insurance provider you're most comfortable with by clicking their picture<span style="font-weight: bold; color: rgb(255, 0, 0); font-size: 12pt;"> </span></span></span></span><br /> <span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(255, 0, 0); font-size: 12pt;">Warning</span>: Dont <span style="font-style: italic; font-size: 12pt;">always </span>go with the cheapest in the area</span></span></span><br /> <br /> <span style="font-size: 12pt;"><span style="font-size: 12pt; font-family: Georgia;"><span style="font-size: 12pt;"><span style="font-weight: bold; color: rgb(0, 0, 0); font-size: 12pt;">Step 3)</span> Continue with the providers process if they meet your requirements</span></span></span></span><br /> </div> <div style="margin-left: 40px;"><span style="font-size: 10pt; font-family: Georgia;"><span style="font-size: 10pt;"></span></span></div><span style="font-size: 10pt; font-family: Georgia;"><span style="font-size: 10pt;"><br /> <span style="font-size: 12pt;">***We've been showing people how to get insurance quickly and easily for years. We respect your privacy, it is just as important to us as it is to you.</span></span></span> .....thanks for any help, i really appreciate your time and effort. if this code doesnt look smart at all its cuz i used some free WYSIWYG editor to generate it. i actually am very confused lol. thanks again. Best, Kyle P Hi. Could someone take a look at this site for me please. http://www.sussexweddingphotography.org.uk I have basic knowledge. Currently problems with IE8 as you will see. Firefox looks okay. Getting probs with resolution too, objects positioning all over the place, esp.. on my notebook Easy fix I am sure, but Im muddling my way through it... Thanx in advance Hi... Trying to get this site running but had to use somebody else's code for the forms and I cannot seem to get them working... Here's the link... http://artinludlow.com/joe/index.html Do not go to the main "com/index.html" page, use the "joe/index.html" directory. thanks I have a photography website that is set up for purchasing prints. I had one of you wonderful people help me out with a form problem some time ago. I needed information to be inserted into the form based on the particular page (or photo) that the person was on. It needed to insert the photo name in the form that came up when you clicked the purchase link. All was working great until a few weeks ago. Now, when you click the link, it inserts the name, but the form thinks the field is blank. Since its a required field, the user still has to type it. Is there a easy fix for this? Here is the site: http://www.sthompsonphoto.com/galler...p?showimage=59 I cant figure it out! Any help would be great! Thanks! I'm thinking this is the right section, but since I have several questions, I'll just go along as they're answered, or moved so not to irritate all of you. I'm designing a product form for a website at the moment, the basics of it are all there and completed, I've just run into a few snags with things that should've been very simple. First off I'm trying to design a preview area which takes its information from a bunch of dropdowns. Theres just one tiny problem, I know its tiny, but I can't seem to find it. If anyone could shed some light on this I'd greatly appreciate it. Now I'm going to warn you, theres alot of alert boxes that'll pop up if you test this in a browser, thats for my own purposes until its all done. So you may wanna turn your sound off if you look at it. I have never had this error before until now, where I am trying to submit a jQuery validated form, yet my submit button won't work, I currently am not using the input type submit button, even when I do use it though I get the same error as using a <a> link that calls a javascript function to submit the form, I have a duplicate of this code and it works fine on another page, but just not here. Here is my mess: http://motb.isgreat.org/ It probably is easier to just check the whole source, since my code is scattered. This website is targeted for WEBKIT BROWSERS ONLY! To navigate to the issue on the page itself, press the gold login button on the RIGHT, and try submitting the form, I know the join form doesn't work, since I am not done with the page yet. But the login form should target to http://motb.isgreat.org/login.php which has a duplicate of my form but it works, im really confused, it may be with my JavaScript. Any Help is appreciated. I know my code is messy, my excuse is only being 15, but yeah… at least most of it functions If you look here at http://www.babyjai.com/quote.php you will see the form validates before it tries to push it thru, how come when you look at http://dinasky.me/contact.php it doesnt do it, it just pushed it thru, i cannot figure it out! G'day guys, I'm having trouble getting my submit button aligned to the right edge of the textarea above it. Could you please tell me what I'm doing wrong, (still a bit raw when it comes to CSS). Here's the link: http://csusap.csu.edu.au/~jpress03/impel/contactus.html Here's my CSS code: Code: #frmwrap {
border: 1px dashed #8DBA2C;
padding: 10px;
width: 350px;
}
form {
font-family: Arial, Sans-serif;
}
input, textarea {
border: 1px solid #gray;
font-family: Arial, Sans-serif;
}
label {
display: block;
float: left;
width: 100px;
}
form div {
margin-top: 3px;
}
.button {
background: #f1f1f1;
border: 1px solid gray;
}
Any help is greatly appreciated. Cheers, Jamie I am attempting to incorporate a contact form that will send an email to a particular email address with the filled out info. Also, I need that contact form to transfer to another page of the site that will allow for payment to be collected via paypal. I understand the protocol to make the contact form to send an email but getting that form to also transfer to another page is where I am stuck. I also know how to incorporate the paypal button to receive payment. I just do not know how I can incorporate both to make it a smoother process. Unless there's a way I can put the paypal button on the contact form so that it sends the email with the info and sends them to paypal to finish the transaction? Any ideas? Here the html for my contact form: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Preview Form</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" CONTENT="text/javascript">
<script type="text/javascript"> window.onload = function() { document.getElementById("form1").onsubmit = function() { return checkRegex(); } } function checkRegex() { var isValid = true; var thisValid = new Array(); var ids = new Array(); var texts = new Array(); var regex = new Array(); var errorMsg = new Array(); ids[0] = new Array("box1","address1","state","city1","zip1","email1"); texts[0] = new Array("Name","Address","State","City","Zip Code","Email"); regex[0] = /^[^/\s].*/; errorMsg[0] = "[label] cannot be blank"; ids[1] = new Array("zip1"); texts[1] = new Array("Zip Code"); regex[1] = /^[0-9]+$/; errorMsg[1] = "[label] must be a number"; ids[2] = new Array("box1","city1","state"); texts[2] = new Array("Name","City","State"); regex[2] = /^[a-zA-Z\s]+$/; errorMsg[2] = "[label] can only contain letters/spaces"; ids[3] = new Array("address1"); texts[3] = new Array("Address"); regex[3] = /^[a-zA-Z0-9\s]+$/; errorMsg[3] = "[label] can only contain letters/numbers/spaces"; ids[4] = new Array("box1"); texts[4] = new Array("Name"); regex[4] = /^[\w]+$/; errorMsg[4] = "[label] can only contain letters/numbers/underscore"; ids[5] = new Array("email1"); texts[5] = new Array("Email"); regex[5] = /^[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*$/; errorMsg[5] = "[label] must be an email address"; for (var i = 0; i < 6; i++) thisValid[i] = applyRegex(regex[i], ids[i], texts[i], errorMsg[i]); for (i = 0; i < thisValid.length; i++) isValid = isValid && thisValid[i]; return isValid; } function applyRegex(regex, ids, texts, errorMsg) { var obj, thisValid = true; for (var i = 0; i < ids.length; i++) { obj = document.getElementById(ids[i]); removeErrorDiv(ids[i]); if (obj.value.match(regex) == null) { var errorStr = errorMsg.replace("[label]", texts[i]); addErrorDiv("contains_" + ids[i], errorStr, "98%"); thisValid = false; } } return thisValid; } function addErrorDiv(domID, msg, width) { var add = true; var target = document.getElementById(domID); var errorDiv = document.createElement("div"); var errorDivID = "error_" + domID; if (document.getElementById(errorDivID)) return; errorDiv.setAttribute("id", errorDivID); errorDiv.className = "validation_error"; errorDiv.style.width = width; errorDiv.style.padding = "1%"; errorDiv.innerHTML = msg; target.appendChild(errorDiv); } function removeErrorDiv(domID) { var errorDivID = "error_contains_" + domID; if (document.getElementById(errorDivID)) { var child = document.getElementById(errorDivID); var parent = document.getElementById("contains_" + domID); parent.removeChild(child); } } </script> <style type="text/css">
div#preview {
width: 400px;
margin: 40px auto;
}
div#preview div#back {
width: 400px;
float: left;
clear: both;
padding-top: 40px;
text-align: center;
}
form#form1 {float: left; margin: 0; padding: 0; display: inline; width: 400px; } form#form1 div {float: left; margin: 0; padding: 0; display: inline; } form#form1 p {float: left; margin: 0; padding: 0; display: inline; } form#form1 label {float: left; margin: 0; padding: 0; display: inline; overflow: hidden; } form#form1 input {float: left; margin: 0; padding: 0; display: inline; } form#form1 p#contains_box1 {clear: both; width: 400px; } form#form1 p#contains_box1 label {clear: both; width: 400px; } form#form1 p#contains_box1 input {clear: both; width: 396px; } form#form1 p#contains_address1 {clear: both; width: 400px; } form#form1 p#contains_address1 label {clear: both; width: 400px; } form#form1 p#contains_address1 input {clear: both; width: 396px; } form#form1 p#contains_city1 {clear: both; width: 400px; } form#form1 p#contains_city1 label {clear: both; width: 400px; } form#form1 p#contains_city1 input {clear: both; width: 396px; } form#form1 p#contains_state {clear: both; width: 400px; } form#form1 p#contains_state label {clear: both; width: 400px; } form#form1 p#contains_state input {clear: both; width: 396px; } form#form1 p#contains_zip1 {clear: both; width: 400px; } form#form1 p#contains_zip1 label {clear: both; width: 400px; } form#form1 p#contains_zip1 input {clear: both; width: 396px; } form#form1 p#contains_email1 {clear: both; width: 400px; } form#form1 p#contains_email1 label {clear: both; width: 400px; } form#form1 p#contains_email1 input {clear: both; width: 396px; } form#form1 p#contains_submit1 {clear: both; width: 400px; } form#form1 p#contains_submit1 input {clear: both; width: 400px; } form#form1 div.validation_error { padding: 1%; } </style>
</head>
<body>
<div id="preview">
<form id="form1" name="sub" method="get" action="collect" enctype="application_x-www-form-urlencoded"> <p id="contains_box1"> <label for="box1">Name</label> <input id="box1" type="text" name="box1" /> </p> <p id="contains_address1"> <label for="address1">Address</label> <input id="address1" type="text" name="address1" /> </p> <p id="contains_city1"> <label for="city1">City</label> <input id="city1" type="text" name="city1" /> </p> <p id="contains_state"> <label for="state">State</label> <input id="state" type="text" name="state" /> </p> <p id="contains_zip1"> <label for="zip1">Zip Code</label> <input id="zip1" type="text" name="zip1" /> </p> <p id="contains_email1"> <label for="email1">Email</label> <input id="email1" type="text" name="email1" /> </p> <p id="contains_submit1"> <input type="submit" name="submit1" id="submit1" value="Submit" /> </p> </form> <div id="back">
</div>
</div>
</body>
</html>
To start off, I'm having problems figuring out what to look for, let alone research it myself. If I'm posting in the wrong place, or there's a page you can link me to, please do that. I'm trying to do a webpage for my band, and what I'm trying to do is similar to blogging sites, like tumblr. I'm trying to make a page that my bandmates and I can go on, type what we want, add photos, ect, and submit it so it appears on our home page as a news article. So, a simple 1 page with form section to submit, and it appearing on another page as a new article, above the old ones. Thanks in advance for the help! I wish to create a simple form for collecting email ids of visitors on my site in excel sheet or on a text file. Is there any way to do it. I have a windows webhosting. Thanks in advance. I need to create a simple form that tells a visitor they are leaving our site when a link to an external page is clicked. I would like the like to point to www.mysite.com/warn.asp or warn.html and have a second form recognize which link they clicked from the previous page and forward them there after a proceed link is clicked. This is as far as I have gotten and I am stuck already <form action="http://www.mysite.com/warn.asp" method="post" enctype="application/x-www-form-urlencoded" name="elink"> <a href="http://www.google.com/" onclick="document['elink'].submit()">google</a><br /> <a href="http://www.yahoo.com/" onclick="document['elink'].submit()">yahoo</a> <br /> <a href="http://www.msn.com/" onclick="document['elink'].submit()">msn</a> <br /> </form> Thanks in advance Hey, I am quite new in here and I have a question about the form tag. Code: <form action=""> <input type="text" value=""> <input type=submit value="Register" name=submit> </form> so and I want to add the string the user types to the end of a link for example http://mydomain.com/script/value Can you help me ? Regards Snoop1990 I've basically got 2 boxes, one is email, one is name, and then a submit button. It may be stupid, but I can't link them together (as 1 form). They have images inbetween them so I can't seem to link the code so they all work together? Any ideas? Hi, check this code out: HTML Code: <div id="Login Top">
<form action = "http://www.bfndevelopment.com/cgi-bin/home/Members/Password/NetLock.cgi?SiteID=19873&LockID=5465&Frame=1" method = "POST">
<input type = "hidden" name = "login" value = "false">
<!-- if "true" and someone tries logging in with no username, they will be -->
<!-- prompted to enter there username and password again, on our template -->
<table border = 0
<table border = 0 cellpadding = 0 cellspacing = 0 width = 300 height = 100>
</td><tr>
<table border = 0 cellpadding = 3 cellspacing = 0 width = 300 height = 20>
<input type = "text" class="signin" name = "UserName" value="Username"onclick="if (this.value == 'Username') { this.value = ''; }" size = 5>
<input type = "password" class="signin" name = "PassWord" value="Password"onclick="if (this.value == 'Password') { this.value = ''; }" size = 5>
<input type = "image" src="http://www.islamcentre.net/library/loginbtn.gif" value = "Login"></div>
</table>
</form>
Now, If u view this code on a browser, the login button appears to be slightly raised. What is the problem. I want it to be on the line, not a little higher. if anyone could slightly adjust this to it being on the line it would be much appreciated. Thanks Hey I tried googling this earlier but didn't find alot. What i am trying to do is when someone visits my site they enter their username and a short message. I would like it to send to either a file located on my web site server, where it will store until I read it, or send an email in the background to me so I can read it later. I had an example I tried to use, and it seemed to work, however it did not store the information into the file or email it to me. If you have an example of this please reply. Thanks. I have a form field which is supposed to send the input email address to my client's inbox. I am using GoDaddy hosting, so the form action is "gdform.asp". but when the submit button is hit, it loads a page called www.amazingwomen.org/gdform.asp (which is clearly not a real page). I can't figure out why it would do this! Here is the code: <div id="email" style="position:absolute; top:233; left:30; z-index:3;"> <form action="gdform.asp" method="post"> <input type="hidden" name="subject" value="Amazing Women Newsletter Subscription"> <input type="hidden" name="redirect" value="http://www.amazingwomen.org/index.html"> <input type="text" name="Email" value="your email address" id="email"> </div> <div id="submit" style="position:absolute; top:231; left:190; z-index:3;"> <input type="image" name="submit" src="img/gobut.gif"> </form> </div> I just noticed that the submit button is in a separate <div>. Could this be causing the problem?? Thanks in advance for any help!! >>>I tried putting the submit button in the same div and I still have the same problem :S I need for the form to send the info and then redirect back to the same page (or not at all). Hello. I am trying to create a page or form and I am not sure how to proceed. What I want to create is a webpage that has a list of several different things to choose from each with it's own check box. When the user selects what they want by checking the check boxes and hitting submit, a new page is created with just the selections they made. THe user can then print this page and use it as a worksheet. There is no reporting or databasing of the information. The final output is a hard copy print out. I started to play with some things that used <forms> for the selections page and this looked close to what I wanted. But for the submit part i was using .asp and this did not seem to work for me. I am not an experienced html person so I was wondering it there was another way to go for this. Maybe point me in a new direction. Hopefully something not too complicated. Thanks in advance for any help! im going to have a flash code with an html code inside. theres a link to where the flash player is getting the information from which includes a ID number. all i want to do it make a submit form or whatever i'd need, si i can just type in an ID (example: 134579) and it'd put the numbers inside the code and show that ID's information. any help? thanks in advance. |
|||||||