|
HTML - Html Form Spacing
Hi all...I amtrying to figure out why there is so much space around my form. It leaves a 1 inch space under the form...my code is below, I would like the cell of the table bel,ow the form to essentially touch the bottom of my text box...Thanks for any help!
Code: <table
style="background-color: rgb(255, 255, 255); width: 780px; height: 116px; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="1" cellspacing="0">
<tbody>
<tr>
<td
style="text-align: right; background-color: rgb(192, 192, 192);"
colspan="6" rowspan="1">
<form style="width: 272px;" name="jse_Form"><big
style="font-family: Bodoni MT;"><span
style="font-weight: bold;">Search:</span></big>
<input name="d" type="text"><input
value="Go" onclick="search_form(jse_Form)" type="button">
</form>
</td>
</tr>
Similar TutorialsI am really new to learning html and I have just set up a form using formmail.pl. It works great but if the customer enters a carriage return it doesn't show up on my results. For example, if someone types this: Line1 Line2 I get it as Line1Line2. I'd like to be able to program it so I get it as it was originally posted. Here is my code: <form action="cgi-sys/formmail.pl" method="post"><input name="recipient"value="drmarie@askavetquestion.com" type ="hidden" enctype="text/plain"><font face="Arial"> Your first name: <input type="text" name="owner name" size="30" /> <br /> <br /> Pet's name: </font> <font face="Arial"><input type="text" name="name" size="30" /><br /> <br /> Your email address: (you will be sent an email with a link directing you to your answer)<br /> <input name="email" size="20" value=""type="text"/><br /><br /> How old is your pet?</font> <select name="age"> <option>Less than 3 months</option> <option>3-6 months</option> <option>6-12 months</option> <option>1-2 years</option> <option>2-5 years</option> <option>5-8 years</option> <option>8-11 years</option> <option>11-15 years</option> <option>More than 15 years</option></select><font face="Arial"><br /> <br /> What breed is your pet?<br /> </font><font face="Arial"><input type="text" breed="Breed" size="30" /><br /> <br /><br /> What is your question about your pet? <br /> </font> <textarea name="question" rows="25" cols="80"></textarea><br /> <font face="Arial"><br /> </font><font face="Arial"><input type="submit" value="Send Question" /><input type="reset" /></font></form> Thanks so much! Marie Hi Guys, I searched through older posts but I couldnt find the exact answer I was looking for. I am redesigning a few things on my website, the page I am referring to can be seen here - http://www.adamhuckle.com/test2.htm - I would like for the two images and their corresponding text to be next to each other (as they are now) but with some spacing between them. Is it possible to insert colums parhaps? I would like them to be side by side but with some additional spacing in between. Any help is welcome. Thanks in advance! Hey everyone. I've sliced this psd, and uploaded all the images to a server, used border="0". When I view the html file standalone in a browser, it appears fine. When I go to insert it into my email program, the different slices at the bottom are all spaced out in weird configurations, and I cannot for the life of me figure out how to change this. I'm only a couple months in to html, so please excuse my ignorance if this is a simple fix. It's images 4-10 that are giving me problems. HTML Code: <html> <head> <title>Final Emailer</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Final Emailer.psd) --> <table id="Table_01" width="600" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_01.png"></td> </tr> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_02.png"></td> </tr> <tr> <td rowspan="4"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_03.png"></td> <td colspan="2"> <a href="mailto:info@shorehomeguide.com"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_04.png" border="0"></a></td> <td colspan="2" rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_05.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_06.png"></td> </tr> <tr> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_07.png"></td> <td colspan="2"> <a href="http://lynchprintingllc.wordpress.com/publications/home-improvement-guide/" target="blank"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_08.png" border="0"></a></td> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_09.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_10.png"></td> </tr> <tr> </table> <!-- End ImageReady Slices --> </body> Hi, i've been trying to solve a problem for the last couple of hours and it is driving me mad, I can't find any help anywhere on the web so thought I would give this a whirl! After placing an image map on my page, I added another image below it, but there is a tiny black vertical gap (black being the bg color) between them. I have tried changing the location of the <br> tag in the script, have tried aligning and pretty much everything else obvious and I have no idea how to make them touch each other. Any help would be appreciated. The page can be seen at: http://jask.freehostingcloud.com/contactjask.html the annoying gap is between the navigation bar and the largest image. This appears to only be a problem in IE (i'm running version 8 on Vista) my code (which you can ofcourse view for your selves but i'll save you the time) is - <body vlink="#ff0000" alink="#ff0000" link="#ff0000" bgcolor="black"> <CENTER> <br> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=KF9FFNDA7HD3N&lc=GB&item_name=Jask%20First%20Edition%20Board%20Game&amou nt=19%2e90¤cy_code=GBP&button_subtype=services&shipping=4%2e90&bn=PP%2dBuyNowBF%3abtn_buynowCC _LG%2egif%3aNonHosted" target="-blank"> <img src="http://jask.freehostingcloud.com/jaskgif.gif" width="907" border="0"></a><br> <img src="http://jask.freehostingcloud.com/gobar.JPG" height="55" border="0" useMap=#purple border=0><MAP name=purple border="0"> <area shape="rect" coords="86,7,210,43" href="http://www.jaskgames.com" alt="Jask!" title="Jask!"/> <area shape="rect" coords="257,8,381,44" href="http://jask.freehostingcloud.com/aboutjask.html" alt="All about Jask!" title="All about Jask!" /> <area shape="rect" coords="427,9,586,45" href="http://jask.freehostingcloud.com/contactjask.html" alt="Contact us about Jask!" title="Contact us about Jask!" /> <area shape="rect" coords="631,8,806,44" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=KF9FFNDA7HD3N&lc=GB&item_name=Jask%20First%20Edition%20Board%20Game&amou nt=19%2e90¤cy_code=GBP&button_subtype=services&shipping=4%2e90&bn=PP%2dBuyNowBF%3abtn_buynowCC _LG%2egif%3aNonHosted" alt="Buy your own game!" title="Buy your own game!"/><br> <TABLE background="http://jask.freehostingcloud.com/mainybar.jpg" valign="top" width="907" height="445" cellpadding="0" cellspacing="0"> <TR><td width="320" valign="top"></td> <TD valign="top"><br><br> <font face="arial" color="white"><center> <form method="post" action="http://www.emailmeform.com/fid.php?formid=706822" enctype="multipart/form-data" accept-charset="UTF-8"><b><font face="arial" color=black></font> <div style="" id="mainmsg"> </div><br><font face="arial" color=black>Your Name: </font><input type="text" name="FieldData0" size="20"><br><br><font face="arial" color=black><b>Your Email Address: </font><input type="text" name="FieldData1" size="20"><br><br></font><textarea name="FieldData2" cols="44" rows="6"></textarea><br><br><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"><br></form> <b><font face="arial" color=black><b>Thankyou for getting in touch, We will respond to you<br> shortly. Alternatively, contact us directly by email:<br> <a href="mailto:info@jaskgames.com">info@jaskgames.com</a> </b> </TD></tr> </TABLE align="left"></map> </body></html> Many thanks in advance for any help, i'm totally stuck I am having no luck changing the line spacing of a single paragraph. I looked online and found something on using it in a div tag: Code: div {line-height: 5px;}
but everything else is with CSS. What would be the simplest way to encode a paragraph with a smaller line space between lines? Anders Hey All.. I have a table, with two rows, and in each row i have embeded a different SWF file. The swfs (i am hoping) should end up "joined" together so it looks like only 1 animation when viewing in a browser. However, when i view in both IE and FIREFOX i get spacing inbetween the 2swfs even after setting all spacing and cellpadding of the table to "0" and verticaly aligning the TD's correctly. Im not too sure why?...any feedback would be great! Here is a simple question from a newbie that has been doggin' me. How do you create spaces in html? My entries are coming out clumped together, I have not found a good tutorial on this subject. Can anyone give an answer or recommend a link or tutorial? Thank you, Frank script completed, thx I am trying to make a form where the user chooses a number from a list box a number of people (1-10), and then the form has that many sections of data. What is the name of what I am trying to do? Any help would much be appreciated. Thanks again. Example: Number of People: (LIST BOX 1-10(let say I selected 1)) 1. Height: (TEXT BOX) Weight: (TEXT BOX) Age: (TEXT BOX) Another Example: Number of People: (LIST BOX 1-10(let say I selected 3)) 1. Height: (TEXT BOX) Weight: (TEXT BOX) Age: (TEXT BOX) 2. Height: (TEXT BOX) Weight: (TEXT BOX) Age: (TEXT BOX) 3. Height: (TEXT BOX) Weight: (TEXT BOX) Age: (TEXT BOX) Hi I have created a form in HTML that will ultimately use php to send it's content. Rather than clutter the page I have placed the titles of the fields within themselves, which the user will then overwrite. How can I make it so when the user clicks or tabs into the fields the titles disappear and (if it's possible) reappear if the user clicks/tabs out again without entering their own info. Is it going to be a bit of clever js? The test link is he http://www.dnco.com/contactform.html or my relevant code follows. Please note that it uses a bit of CSS to define the look of the fields: HTML Code:
<div style="position:absolute; top:0px; left:0px">
<input type="text" class="formelement" name="name" value="Your name" />
</div>
<div style="position:absolute; top:30px; left:0px">
<input type="text" class="formelement" name="email" value="Your email" />
</div>
<div id="comments" style="position:absolute; top:60px; left:0px">
<textarea name="comments" class="formelement_multiline" value="Comments">Comments</textarea>
</div>
<div id="submit" style="position:absolute; top:170px; left:0px">
<input type="submit" value="Send" class="formbutton">
</div>
What do i do? What im trying is the action is "http://website.com/images/" but what im trying to do is where the user can enter its own text like "Image1.png" so when they do hit submit. It will enter the action= "http://website.com/images/" in the address bar and then what ever the user typed in it will followed right behind it for example ="http://website.com/images/image1.png" Code: <form name="input" action="http://website.com/images/" method="get"> Search: <input type="text" value="" /><br /> <input type="submit" value="Submit" /> </form> This is what i have so far. Not entirely sure its correct. Because it always have the "?=" Before the text so it will always get the address wrong. Does anyone know what i mean. Or is it even possible to have something were they don't have to enter the ".png" the code will insirt it at the end. I have an HTML form that has validations on some fields as well as other fields that dont have it. The past couple of days I have been getting blank emails of every form at least once a day. I have a few forms in my website, including ones in different languages, and this morning i got an email from each form with blank answers. I have a captcha on each one of the forms too. HELP Hi, I have set up a basic HTML form that asks a customer a series of questions. My question is, using PHP or similar can anybody help witht he code to, Provide basic data validation, all fields require a response and then to email the data direct to me without using the clients email software. All the internet help I can find refers to put functions in seperate files, but I can't do that as I don't have access to the host servers! I intend to put a capatcha on it to prevent spamming, again this seems to rely on other php files too. Is there away that you can create functions that are called, but are not in seperate files? Any help would be greatly received. - Jason Hi guys, Ok so I am creating a form for a business and what needs to happen is there is a form full of questions, using both check boxes, radio buttons and text areas and then it gets sent to a email but when it gets sent to the email I need all the data entered to be placed next to each other in the email. Eg: Form Type of car: _________ Model: _________ kms driven: _________ then in the email I'll recieve: car model, 1999 model, 50,000km can anyone help with this at all? thanks in advance. The problem I am having with it is the mailto part. Whenever I click send, it automatically opens Microsoft Outlook. Here is what I need: 1) Make it so that it sends to the e-mail I specify without opening Microsoft Outlook. 2) Make all the fields required to be sent. Code: <title>multiple-choice quiz form</title> </head> <body bgcolor=#ffffff> <h3><font size=6><center>Rate Your Support</center></font></h3> <h3><center>Please remember that we are not owned by or affiliated with Facebook. We therefore can not edit or change your profile. We cannot edit wall-to-walls, inbox messages, deactivated profiles, groups, fan-pages, notifications, settings, or Facebook Chat.</center></h3> <form method="mail" action="mailto:jobrewer@packer.edu?subject=Rate Your Support" enctype="text/plain"> <p>1. Who helped you with your problem?:<BR> <input type="radio" name="1.The staff member who helped me with my issue was" value="maison"> funnytim<BR> <input type="radio" name="1.The staff member who helped me with my issue was" value="quatre"> Lightning Yoshi<BR> <input type="radio" name="1.The staff member who helped me with my issue was" value="soleil"> The Listener<BR> <p>2. Was your problem responded to in a reasonable amount of time?<BR> <input type="radio" name="2. The word which means fish is" value="maison"> 1 - 72+ hours<BR> <input type="radio" name="2. The word which means fish is" value="valise"> 2 - 48-71 hours<BR> <input type="radio" name="2. The word which means fish is" value="soleil"> 3 - 36-47 hours <BR> <input type="radio" name="2. The word which means fish is" value="poisson"> 4 - 24-35 hours<BR> <input type="radio" name="2. The word which means fish is" value="poisson"> 5 - 24- hours<BR> </p> <p>3. Was your question properly diagnosed by our staff?:<BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> No<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> Barely<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> Somewhat<BR> <input type="radio" name="3. The word which means suitcase is" value="poisson"> Mostly<BR> <input type="radio" name="3. The word which means suitcase is" value="poisson"> Fully<BR> </p> <p>4. Were you given any type of directions to solve your problem?:<BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> No<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> Somewhat<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> Yes<BR> </p> <p>5. Did your supporter type in complete sentences, use correct grammar, punctuation, and spelling, etc.?:<BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> No<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> Somewhat<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> Yes<BR> </p> <p>6. Was your topic locked before the issue was resolved?:<BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> No<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> Yes<BR> </p> <p>7. Did you receive the solution you needed?:<BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> No<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> Barely<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> Somewhat<BR> <input type="radio" name="3. The word which means suitcase is" value="poisson"> Mostly<BR> <input type="radio" name="3. The word which means suitcase is" value="poisson"> Fully<BR> </p> <p>8. Would you recommend us to a friend?:<BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> No<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> Maybe<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> Definitely<BR> <p>9. On a scale of 1-10 (with 10 being best), what would you rate Facebook Forum Support?:<BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> 1/10; I didn't get any support whatsoever<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> 2/10 <BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> 3/10 <BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> 4/10<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> 5/10<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> 6/10<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> 7/10 <BR> <input type="radio" name="3. The word which means suitcase is" value="renard"> 8/10<BR> <input type="radio" name="3. The word which means suitcase is" value="valise"> 9/10<BR> <input type="radio" name="3. The word which means suitcase is" value="soleil"> 10/10; The support was very useful<BR> </p> <p>10. <br><form method="post" action=""> <textarea name="comments" cols="40" rows="5"> Enter your other comments here about your experience with our Facebook Support System... </textarea><br> </form> <br> <br> <br> <br> <input type="submit" value="Send Form"> <input type="reset" value="Clear Form"> </form> </body> </html> Please please someone help me! I am attempting to duplicate a webpage for a buddy of mine that has lost the codes. I know what the page should look like, and I have everything done except the spacing. Can someone please tell me how to get the spaces in it? This is what I have so far: <html> <head> <title>Jackson Electronics Registration Form </title> </head> <Body Style= "font-family:Verdana;background-color:#99FFCC;"> <form name="REG." id="Registration" method="post" action="mailto:CustSuptDir@JE.com" enctype="text/plain"> <center><img src="images/Jackson.gif" alt="Jackson" width="311px" height="90px"></center> <h2>Registration Form</h2> <hr> <tr> <td>First Name:</td> <td><input name="txtName" size="25" maxLength="25"</td> <td>Last Name:</td> <td><input type="text" name="txtPhone" size="25" maxLength="25"></td> </tr> <br> <tr> <td>Address #1:</td> <input type="text" name="txtAddress" size="33" maxLength="25"</td> </tr> <br> <tr> <td>Address #2:</td> <input type="text" name="txtAddress2" size="33" maxLength="25"</td> </tr> <br> <tr> <td>City:</td> <input type="text" name="txtcity" size="15" maxLength="25"</td> <td>State:</td> <input type="text" name="txtstate" size="2" maxLength="25"</td> <td>Zip:</td> <input type="text" name="txtzip" size="6" maxLength="25"</td> </tr> <br> <td>Country:</td> <input type="text" name="txtcountry" size="33" maxLength="25" value="United States"</td> <hr> <tr> <td>Product: <select> <option value"id"> ScanMaster</option> <option> ScanMaster II </option> <option> LaserPrint 1000 </option> <option> LaserPrint 5000 </option> <option> Print/Scan 150 </option> <option> Print/Scan 250 </option> </select> </tr> <br> <tr> <td>Date Purchased:</td> <input type="text" name="txtpurchasedate" size="15" maxLength="25"</td> </tr> <br> <tr> <td>Serial #:</td> <input type="text" name="txtSerial" size="15" maxLength="25"</td> </tr> <br> <td colspan="2" rowspan="2">Used for: <input type=radio name="radUse" Value="H">Home<br> <input type=radio name="radUse" Value="B" checked="checked">Business<br> <input type=radio name="radUse" Value="G">Government<br> <input type=radio name="radUse" Value="EI">Educational Institution<br> <input type=radio name="radUse" Value="O">Other<br> </td> <br> <tr> <tr>System (check all that apply): <input type="checkbox" name="option1" value="Windows">Milk<br> <input type="checkbox" name="option2" value="Macintosh">Butter<br> <input type="checkbox" name="option3" value="UNIX">UNIX<br> <input type="checkbox" name="option4" value="Other">Other<br> </tr> <br> <hr> <tr>Comments?: <textarea rows="5" cols="50"> </textarea> </tr> <br> <INPUT type="submit" name="Send Registration" value="Send Registration"> <INPUT TYPE="reset" name="Cancel" value="Cancel"> </table> </form> </body> </html> This is what it needs to look like. Can someone PLEASE tell me what I am leaving out? Thanks a million! Hi, For a course I'm taking, we are learning to make HTML forms. I'm having trouble with my form, however. My submit button won't submit [that is, refresh to] the results.php page I have set up for the form submission. The querystring in the URL contains the information I've entered on the form, but it won't display the new page. My reset button, however, works totally fine and completely resets the data. Can anyone help? I'm having a bit of trouble setting up my e-mail form on my website. www.dynamitede.com - the form and coding is in the HTML. I found a script for an HTML e-mail form. I'm just looking to have people fill out this form, I am emailed the results, and a download box comes up for the e-book or they can be taken to another page. I'm assuming I'm missing some sort of other coding that has to be configured with the form. I have tried the free apps and tools, but they look ugly. Any assistance is appreciated! Probably a simple fix for an experienced coder. OK, sad to say, I just registered to ask this question (and I'm sorry if this is in the wrong section, too). I'm fairly new at HTML and PHP, and I get a blank page whenever I use this form: This is the HTML part: Code: <html> <head> <title>HTML</title> </head> <body> <form action="PHPServer.php" method="post"> <input type="text" name="from" value="Sender" /> <br/> <input type="text" name="to" value="Receiver" /> <br/> <input type="text" name="subject" value="Subject" /> <br/> <input type="text" name="msg" value="Message" /> <br/> <input type="submit" value="Send E-Mail" /> </form> </body> </html> This is the PHP part: Code: <html>
<head><title>PHP Server</title></head>
<body>
<?php
$to = $_POST['to'];
$subject = $_POST['subject'];
$from = $_POST['from'];
$message = $_POST['msg'];
if(mail($to, $subject, $message, $from)){
echo "Mail sent";
}else{
echo "Failed to send mail";
}
?>
</body>
</html>
Again, all I get when I press the submit form (with all valid information) is a blank white page on the PHP part (aka www.website.com/PHPServer.php) and the title as PHP Server...Help please and thanks Is any one willing to make me a small form for my contact us page in html? All i want is a box that asks there email and then a larger box below were they can type there message and then when they click on send i want it to send me the infomation to my email at info4football_programmes@yahoo.co.uk Thanks |
|||||||