HTML - Html Form Positioning

Hi guys, just a quick question about positioning objects in HTML.
Sorry if the is a noobish question, im new to html and dreamweaver.
Basically, for a school assignments we nhave to create a webpage. There is one aspect though that i cant figure out. What is the best way to position pictures, divs etc in HTML?
If I use absolute positioning with pixels, it changes where it is on different screen sizes (obviously). The best way i have found so far is by using percentages (eg top 40%) but this is slow and hard. Any better way?
Too long didnt read- how to position things so it looks the same on any resolution
Thanks in advance

Hi:

I would like the freedom to position <input> elements of a form to specific places on my page.

What is the proper way to do that please ??

Thanks,

-Mel Smith

script completed, thx

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>   

Hello, on my website ... davidm.freepgs.com/index3.php ... on my right side i have a search form. if you open my site with mozilla firefox everything look great but if you view it with Internet explorer the search button is not in the box but below it which messes up the options below it.

This is a little part of the form where the problem is occuring:

<input type="hidden" name="domains" value="davidm.freepgs.com"></input>
<label for="sbi" style="display: none">Enter your search terms</label>
<input type="text" name="q" size="9" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Submit search form</label>
<input type="submit" name="sa" value="Search" id="sbb" class="button"></input>

the search button is the class="button"> it is located in my css file.

Can anyone please help me out here?

hi guys
i just added a protection to my forum -
which look like this just a simple hyperlink thing



can sm1 help me to modify it into to look into like this-





regards
ian

sorry i found it

Taking it slow...

I need a web page. This web page will be composed of an irrelevant amount of questions, possibly twenty (20).

An prospective applicant should be able to come to this web page, fill out the questions, and press a submit button. The questions should then be taken from that web page, put into either a Word document (.doc) or a PDF file (.pdf) in their corresponding areas. As a side note, the prospective applicant should not be able to see or edit the actual Word document or PDF file. He or she should just be able to fill in answers to the questions given and then submit and be done until called for an interview.

This Word document or PDF file would then be emailed to the designated person that handles job applications. All of the necessary information would be already filled in, allowing for, lets say, an immediate interview with the prospective applicant once they arrive at the business instead of having to fill out the form by hand, possibly wasting 20-30 minutes.

How would I go about making this? Is it even possible? Do I have to buy expensive software?

Thanks in advance!

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!

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 all, hoping someone out there may be able to help.

I need to create a form of drop down menus with the end result once submitted being a different website. IE. Choosing different options on the drop down menu will lead to a different site.


Example.

Q1. Yes
Q2. Yes
Q3. Yes

Submit - Takes you to a football site.

Q1. No
Q2. Yes
Q3. Yes

Submit - Takes you to a golf site.

Any ideas on this would be mostly appreciated, I can only work with html.

Hey I am building a form and I would like to record the person's ip when they sumit the form for security reasons, is there a code for that. I went to a few sites and the codes did not work.

I'm trying to build this form...so far most-everything looks like it is in working order...but i am still not getting emails forwarded to me when the form is submitted...im somewhat new at html, so any help would be appreciated!

(and yes i put my real email addy into the form, i just removed it as i am posting on here)

-----
HTML Code:

<form action="http://www.bigbiz.com/cgi-bin/forms.cgi" method="POST">
                            <input type=hidden name=F_to value="email@email.com" />
                            <input type=hidden name=F_subject value="New Estimate Appointment" />

                          <p><span class="style6">Schedule Your Appointment</span></p>
                          <p>&nbsp;</p>
                          <p>Customer Information:</p>
								<p>&nbsp;</p>
								<p> Name:</p>
								<p> 
								  <input name=name size="10" maxlength="30">
						  </p>
						  <p>&nbsp;</p>
						  <p>Phone Number:                          
						  <p>
                            <input type="text" size="10" maxlength="30" name="phone">
 </p>
								<p>&nbsp;</p>
					      
						  <p>Email Address:
                          <p>
                            <input name=F_from size="10" maxlength="40">
</p>
                          <p>&nbsp;</p>
                          <p>------------</p>
								<p><br/>
								  Vehicle Information:</p>
								<p>&nbsp;</p>
								<p>Make :</p>
								<p>
								  <input type="Make" size="10" maxlength="20" name="make"> 
						        </p>
						  <p>&nbsp;</p>
						  <p>Model:</p>
<p>
								  <input type="model" size="10" maxlength="20" name="model">
                        </p>
						  <p>&nbsp;</p>
								<p>Year :</p>
								<p>   
								  <input type="year" size="10" maxlength="4" name="year">
		                </p>
								<p>&nbsp;</p>
								<p>Reason for bringing in vehicle:</p>
						        <p>
						          <textarea rows="5" cols="28" wrap="physical" name="comments"></textarea>
				          </p>
				          </p>
						        <p>&nbsp;</p>
						        <p>------------</p>
						        <p>&nbsp;</p>
						        <p>Schedule your apointment:</p>
						        <p>&nbsp;</p>
				          <select name="month">
										<option></option>
                                        <option>January</option>
										<option>February</option>
										<option>March</option>
                                        <option>April</option>
                                        <option>May</option>
                                        <option>June</option>
                                        <option>July</option>
                                        <option>August</option>
                                        <option>September</option>
                                        <option>October</option>
                                        <option>November</option>
                                        <option>December</option>
						  </select>
                          
                          <select name="day">
										<option></option>
                                        <option>1</option>
										<option>2</option>
										<option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                        <option>6</option>
                                        <option>7</option>
                                        <option>8</option>
                                        <option>9</option>
                                        <option>10</option>
                                        <option>11</option>
										<option>12</option>
										<option>13</option>
                                        <option>14</option>
                                        <option>15</option>
                                        <option>16</option>
                                        <option>17</option>
                                        <option>18</option>
                                        <option>19</option>
                                        <option>20</option>
                                        <option>21</option>
										<option>22</option>
										<option>23</option>
                                        <option>24</option>
                                        <option>25</option>

                                        <option>26</option>
                                        <option>27</option>
                                        <option>28</option>
                                        <option>29</option>
                                        <option>30</option>
                                        <option>31</option>
						  </select>
                          
                          <select name="time">
										<option></option>
                                        <option>8:30 AM</option>
										<option>9:00 AM</option>
										<option>9:30 AM</option>
                                        <option>10:00 AM</option>
                                        <option>11:00 AM</option>
                                        <option>11:30 AM</option>
                                        <option>12:00 PM</option>
                                        <option>12:30 PM</option>
                                        <option>1:00 PM</option>
                                        <option>1:30 PM</option>
                                        <option>2:00 PM</option>
										<option>2:30 PM</option>
										<option>3:00 PM</option>
                                        <option>3:30 PM</option>
                                        <option>4:00 PM</option>
                                        <option>4:30 PM</option>
                                        <option>5:00 PM</option>
                          </select>
						        <p>*Note we are open Monday - Friday, 8:30 - 5:30</p>
						        <p>&nbsp;</p>
                                <input type=submit value="Send" name="submit" />  
                     
                     <input type=hidden name=F_fields value="'Name:'+name,'Contact Number:'+phone,'Email Address:'+F_from,'Vehicle Make:'+make,'Vehicle Model:'+model,'Vehicle Year:'+year,'Appointment Month:'+month, 'Appointment Day: '+day,'Time:'+time" />
                     
                        <input type=hidden name=F_required value="name,phone,F_from,month,day,time" />
                        <INPUT TYPE=HIDDEN NAME=F_ok_url VALUE="http://www.website.com" />
                      </form>

Hi All,

I'm far from a HTML pro so need some help with this one.

I need to automate some auditing as much as I can. What I was thinking was to create a html form with yes/no answers. when a NO answer is provided, a description of why this is bad is shown, to either copy and paste into a word doc or even better, auto generate the document.

i.e.

Web form with question and radio button Y/N answers;

Q1. Is there an Anti-Virus Y/N
Q2. Are MS updates up to date Y/N
Q3. Are all firewalls on Y/N
Q4. Are Password complexities met Y/N

As you can see, Q1 and Q3 were answered with a NO. so would like details on these questions shown/generated/exported to word. i.e.

Q1. Is there an Anti-Virus;
Anti-Virus is required to prevent malicious software bla bla bla

Q3. Are all Firewalls on;
Firewalls prevent attacks bla bla blab laa.

IS this easy to do?

Hello,

I am new to the forums, and i have been using HTMl for quite some time now. I was just wondering, i have a custom pc building form, and as of right now i am using javascript and all the items are stored in the HTML of the BODY tag.

I was wondering if there is a way i can modify the form, and have the pull down items populate from an external database.

eg.
Current
HTML Code:

<table class="cpu_content" width="800" align=center id="table1">
  <tr>
    <td>&nbsp;</td>
    <td></td>
    <td><strong>Qty</strong></td>
    <td><strong>Total</strong></td>
  </tr>
    
  <tr class="lineitem">
  <td>CD-ROM Drives:</td>
  <td>
    <select name="prod_1" class="quoteselect" onchange="updatePrice(1, this.value)">
     <option value="Select:0" selected>-- Select --</option>
     <option value="Asus:0">--ASUS-- </option>
     <option value="Asus52xCD:20.0">Asus 52x CD-ROM Drive ($20.00)</option>
     <option value="Asus52XDBL:20.0">Asus 52x CD-ROM Drive (Black) ($20.00)</option>
     <option value="LG:0">--LG--</option>
     <option value="LG52xCD:20.0">LG 52x CD-ROM Drive ($20.00)</option>
     <option value="LG52xCDBL:20.0">LG 52x CD-ROM Drive (Black) ($20.00)</option>
    </select>
   </td>
   <td>
    <select name="qty_1" id="qty_1" onchange="calculateSubtotal()">
     <option value="0">0</option>
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
     <option value="5">5</option>
     <option value="6">6</option>
     <option value="7">7</option>
     <option value="8">8</option>
     <option value="9">9</option>
     <option value="10">10</option>
    </select>
   </td>
   <td>
    <input id="st_1" type="text" size="5" class="subtotal" value="0.00" readonly name="T1">
   </td>
</tr>

.....More items here....

...Tax/Shipping/Totals will go here....

So my question would be, how could this code be modified to use a dabase to store the items for the pulldown menus, if this is possible?

Thanks for reading,
Kaashif