Solved

How to add form tags to fields in layers

Posted on 2002-04-06
5
155 Views
Last Modified: 2010-04-09
Please look at the source for this page
http://www.cadenzasoftware.com/draft/homecare/contactus.html
This form code was presented to me to work with, but it has no <FORM></FORM> tags.  I've tried adding the tags in places that seemed logical, but it doesn't work.  Is it possible to add the tags, or do I need to redo the form?  I just need to process the form info.
0
Comment
Question by:ironfingers
  • 2
  • 2
5 Comments
 
LVL 12

Expert Comment

by:lexxwern
ID: 6922862
<div id="Layer5" style="position:absolute; width:130px; height:1px; z-index:7; left: 477px; top: 153px"> <div align="left"><input type="text" name="textfield"></div></div>
<div id="Layer2" style="position:absolute; width:62px; height:16px; z-index:6; left: 413px; top: 153px"> <form action="mailto:quikscor@ix.netcom.com"><div align="left"><select name="select" size="1"><option selected>Select</option>
<option>Mr.</option>
<option>Mrs.</option>
<option>Miss</option></select></div></div>
<div id="Layer1" style="position:absolute; width:51px; height:16px; z-index:5; left: 342px; top: 154px"> <div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Name:</font></b></font></div></div>
<div id="Layer4" style="position:absolute; width:384px; height:53px; z-index:4; left: 262px; top: 96px"> <div align="justify"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Please
            provide the following contact information and describe yourself or
            the person that you are recommending:</font></div></div>
<div id="Layer3" style="position:absolute; width:129px; height:77px; z-index:3; left: 647px; top: 95px"> <div align="left"><img src="home_page_files/contactus_img.jpg" width="129" height="97"></div></div>
<div id="Layer10" style="position:absolute; width:155px; height:23px; z-index:12; left: 413px; top: 227px"> <div align="left">
<input type="text" name="textfield4" size="29"></div></div>
<div id="Layer9" style="position:absolute; width:155px; height:1px; z-index:11; left: 413px; top: 202px"> <div align="left"> <input type="text" name="textfield3" size="29"></div></div>
<div id="Layer8" style="position:absolute; width:93px; height:12px; z-index:10; left: 302px; top: 201px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Street
          Address:</font></b></font></div>
<div id="Layer7" style="position:absolute; width:155px; height:2px; z-index:9; left: 413px; top: 177px"> <div align="left"><input type="text" name="textfield2" size="29"></div></div>
<div id="Layer6" style="position:absolute; width:71px; height:16px; z-index:8; left: 314px; top: 176px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Organization:</font></b></font></div>
<div id="Layer15" style="position:absolute; width:108px; height:10px; z-index:17; left: 286px; top: 300px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Zip
          / Postal Code:</font></b></font></div>
<div id="Layer14" style="position:absolute; width:155px; height:25px; z-index:16; left: 413px; top: 275px"> <div align="left"> <input type="text" name="textfield5" size="29"></div></div>
<div id="Layer13" style="position:absolute; width:101px; height:9px; z-index:15; left: 292px; top: 277px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">State
          / Province:</font></b></font></div>
<div id="Layer12" style="position:absolute; width:62px; height:16px; z-index:14; left: 413px; top: 252px"> <div align="left"><select name="select2" size="1">
<option selected>Select</option></select></div></div>
<div id="Layer11" style="position:absolute; width:29px; height:10px; z-index:13; left: 364px; top: 253px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
City:</font></b></font></div>
<div id="Layer20" style="position:absolute; width:155px; height:25px; z-index:22; left: 413px; top: 347px"> <div align="left"><input type="text" name="textfield7" size="29"></div></div>
<div id="Layer19" style="position:absolute; width:87px; height:14px; z-index:21; left: 307px; top: 347px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Work
          Phone:</font></b></font></div>
<div id="Layer18" style="position:absolute; width:179px; height:14px; z-index:20; left: 413px; top: 324px"> <div align="left"><select NAME="country" SIZE=1 width="25"> <option value="United States" >United States  
                <option value="Other" >Other (We will contact you)
              </select></div></div>
<div id="Layer17" style="position:absolute; width:48px; height:15px; z-index:19; left: 342px; top: 326px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Country:</font></b></font></div>
<div id="Layer16" style="position:absolute; width:155px; height:9px; z-index:18; left: 413px; top: 299px"> <div align="left"> <input type="text" name="textfield6" size="29"></div></div>
<div id="Layer25" style="position:absolute; width:46px; height:14px; z-index:27; left: 348px; top: 421px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
E-mail:</font></b></font></div>
<div id="Layer24" style="position:absolute; width:155px; height:17px; z-index:26; left: 413px; top: 395px"> <div align="left"> <input type="text" name="textfield9" size="29"></div></div>
<div id="Layer23" style="position:absolute; width:29px; height:9px; z-index:25; left: 365px; top: 400px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Fax:</font></b></font></div>
<div id="Layer22" style="position:absolute; width:155px; height:26px; z-index:24; left: 413px; top: 371px"> <div align="left"> <input type="text" name="textfield8" size="29"></div></div>
<div id="Layer21" style="position:absolute; width:80px; height:6px; z-index:23; left: 314px; top: 373px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Home
          Phone:</font></b></font></div>
<div id="Layer30" style="position:absolute; width:62px; height:18px; z-index:32; left: 413px; top: 468px"> <div align="left"> <select name="select4">
<option selected>Month</option>
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
<option>Apr</option>
<option>May</option>
<option>Jun</option>
<option>Jul</option>
<option>Aug</option>
<option>Sep</option>
<option>Oct</option>
<option>Nov</option>
<option>Dec</option>
</select></div></div>
<div id="Layer29" style="position:absolute; width:88px; height:10px; z-index:31; left: 307px; top: 467px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Date
          of Birth:</font></b></font></div>
<div id="Layer28" style="position:absolute; width:155px; height:29px; z-index:30; left: 413px; top: 443px"> <div align="left">
<input type="text" name="textfield11" size="29"></div></div>
<div id="Layer27" style="position:absolute; width:34px; height:17px; z-index:29; left: 360px; top: 443px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
URL:</font></b></font></div>
<div id="Layer26" style="position:absolute; width:155px; height:28px; z-index:28; left: 413px; top: 419px"> <div align="left">
<input type="text" name="textfield10" size="29"></div></div>
<div id="Layer35" style="position:absolute; width:56px; height:11px; z-index:37; left: 481px; top: 491px"> <div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Male
            <input type="radio" name="radiobutton" value="radiobutton">
</font></b></font></div></div>
<div id="Layer34" style="position:absolute; width:66px; height:14px; z-index:36; left: 413px; top: 490px"> <div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Female
            <input type="radio" name="radiobutton" value="radiobutton"></font></b></font></div></div>
<div id="Layer33" style="position:absolute; width:35px; height:10px; z-index:35; left: 360px; top: 488px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Sex:</font></b></font></div>
<div id="Layer32" style="position:absolute; width:56px; height:9px; z-index:34; left: 530px; top: 468px"> <div align="left">
<select name="select6"><option selected>Year</option>
<option>1880</option>
<option>1881</option>
<option>1882</option>
<option>1883</option>
<option>1884</option>
<option>1885</option>
<option>1886</option>
<option>1887</option>
<option>1888</option>
<option>1889</option>
<option>1890</option>
<option>1891</option>
<option>1892</option>
<option>1893</option>
<option>1894</option>
<option>1895</option>
<option>1896</option>
<option>1897</option>
<option>1898</option>
<option>1899</option>
<option>1900</option>
<option>1901</option>
<option>1902</option>
<option>1903</option>
<option>1904</option>
<option>1905</option>
<option>1906</option>
<option>1907</option>
<option>1908</option>
<option>1909</option>
<option>1910</option>
<option>1911</option>
<option>1912</option>
<option>1913</option>
<option>1914</option>
<option>1915</option>
<option>1916</option>
<option>1917</option>
<option>1918</option>
<option>1919</option>
<option>1920</option>
<option>1921</option>
<option>1922</option>
<option>1923</option>
<option>1924</option>
<option>1925</option>
<option>1926</option>
<option>1927</option>
<option>1928</option>
<option>1929</option>
<option>1930</option>
<option>1931</option>
<option>1932</option>
<option>1933</option>
<option>1934</option>
<option>1935</option>
<option>1936</option>
<option>1937</option>
<option>1938</option>
<option>1939</option>
<option>1940</option>
<option>1941</option>
<option>1942</option>
<option>1943</option>
<option>1944</option>
<option>1945</option>
<option>1946</option>
<option>1947</option>
<option>1948</option>
<option>1949</option>
<option>1950</option>
<option>1951</option>
<option>1952</option>
<option>1953</option>
<option>1954</option>
<option>1955</option>
<option>1956</option>
<option>1957</option>
<option>1958</option>
<option>1959</option>
<option>1960</option>
<option>1961</option>
<option>1926</option>
<option>1963</option>
<option>1964</option>
<option>1965</option>
<option>1966</option>
<option>1967</option>
<option>1968</option>
<option>1969</option>
<option>1970</option>
<option>1971</option>
<option>1972</option>
<option>1973</option>
<option>1974</option>
<option>1975</option>
<option>1976</option>
<option>1977</option>
<option>1978</option>
<option>1979</option>
<option>1980</option>
<option>1981</option>
<option>1982</option>
<option>1983</option>
<option>1984</option>
<option>1985</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
</select></div></div>
<div id="Layer31" style="position:absolute; width:51px; height:14px; z-index:33; left: 477px; top: 468px"> <div align="left"><select name="select5" size="1">
<option selected>Day</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></div></div>
<div id="Layer40" style="position:absolute; width:63px; height:28px; z-index:42; left: 444px; top: 538px"> <div align="center"><input type="reset" name="Submit2" value="Reset"></div></div>
<div id="Layer39" style="position:absolute; width:63px; height:1px; z-index:41; left: 362px; top: 538px"> <div align="center"><input type="submit" name="Submit" value="Submit"></div></div>
<div id="Layer38" style="position:absolute; width:35px; height:21px; z-index:40; left: 460px; top: 510px"> <div align="left"><input type="text" name="textfield13" size="5"></div></div>
<div id="Layer37" style="position:absolute; width:35px; height:27px; z-index:39; left: 413px; top: 510px"> <div align="left"><input type="text" name="textfield12" size="5"></div></div>
<div id="Layer36" style="position:absolute; width:99px; height:8px; z-index:38; left: 296px; top: 510px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Height
          / Weight:</font></b></font></div>
</form>
<div id="Layer41" style="position:absolute; width:150px; height:24px; z-index:43; left: 627px; top: 195px"> <div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1" face="Wingdings">(<font face="Arial, Helvetica, sans-serif">:
            </font></font></b><font size="1" face="Wingdings"><font face="Arial, Helvetica, sans-serif">305-688-0759<br>
<b>E-mail</b> : lapeavy@bellsouth.net</font></font></font></div>
</div>
<p align=center>&nbsp; </p>
</div>











the form can come above and below this;


lexxwern
0
 
LVL 12

Expert Comment

by:lexxwern
ID: 6922865
and pls note; there is some image overlapping with text 800*600 ns6.2; please take care of that too;


lexxwern
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 100 total points
ID: 6923035
The code was generated with Front Page, and all of the code is a disaster, as is normal with Front Page.  The form is broken in both IE and Netscrape because of the div tags.  You need to add the </form> at the end as indicated by lexxwern, but you alosmust move the <form> tag outside of all these nested divs.

Front Page ussually manages to screw up end tags as well and this is too big a mess for anyone to dig around in.  it needs to go throuhg a validator to find any unclosed tags.  Go to www.w3c.org and use the HTML validator to see what end tags are missing and what other problems Front Page has created.  Once you have that fixed the form may be submittable for IE and maybe opera, but there is no way this will evrwork for Netscrap 4.x because any form element in a div breaks the form.  I'm not sure how Netscrap 6 will like it, but if you get it to go for IE5, it will probably be okay in NS6.

Cd&
0
 
LVL 19

Expert Comment

by:webwoman
ID: 6923186
I go along with Cd&, but take it one step further -- redo the whole thing, and get rid of the divs totally.

I doubt very much you need them, and all they're going to do is screw up things.

And don't use FrontPage. ;-)
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 6928227
Glad we could help. Thanks for the A. :^)

Cd&
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

937 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now