2 Replies Latest reply on Feb 27, 2014 4:54 AM by Awaddell9950

    Form White Space

    Awaddell9950

      Hi there,

       

      I've got a little problem with my form. When I added it onto my page, there appeared this unmoveable mass of white... I can't find the problem in the code and I was hoping that someone could help me solve it.

       

      Here is the screenshot of the problem:

       

      Screen shot 2014-02-27 at 12.09.38.png

       

      And here is the 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"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->

      <head>

       

      <meta name="keywords" content="mountain snow resort holiday skiing scotSki explore thrilling"/>

      <meta name="description" content="skiing website"/>

      <meta name="author" content="Andrew Waddell"/>

      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

       

       

      <!-- InstanceBeginEditable name="doctitle" -->

      <title>Contact Us</title>

      <!-- InstanceEndEditable -->

      <link href="oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />

       

      <style type="text/css">

      <!--

      a:hover {

          color: #C63;

      }

      a:link {

          color: 0033ff;

      }

      body {

          background-color: #ccffff;

          color:#3366ff

      }

      body,td,th {

          color: #3366ff;

      }

       

      form {

          background-color:#FFF;

        }

       

        text {

            text: Arial, Helvetica, sans-serif;

        }

       

      -->

      </style>

      <!-- InstanceBeginEditable name="head" -->

       

      <script type="text/javascript">

      <!--

      function MM_validateForm() { //v4.0

        if (document.getElementById){

          var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;

          for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);

            if (val) { nm=val.name; if ((val=val.value)!="") {

              if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');

                if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';

              } else if (test!='R') { num = parseFloat(val);

                if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';

                if (test.indexOf('inRange') != -1) { p=test.indexOf(':');

                  min=test.substring(8,p); max=test.substring(p+1);

                  if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';

            } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }

          } if (errors) alert('The following error(s) occurred:\n'+errors);

          document.MM_returnValue = (errors == '');

      } }

      //-->

      </script>

      <!-- InstanceEndEditable -->

       

      </head>

       

      <body class="oneColLiqCtrHdr">

       

      <div id="container">

        <div id="header"><!-- end #header -->

        <div id="nav">

          <div align="center">

            <p><a href="index.html"><img src="Images/Banner Image/bannerimage.png" width="500" height="100" alt="banner_logo_snow_mountain" /></a></p>

            <a href="index.html">Homepage</a> | <!-- InstanceBeginEditable name="nav_bar" --><a href="packages.html">Packages</a><!-- InstanceEndEditable --> | <a href="ski_centers.html">Ski Centers</a> | <a href="about_us.html">About Us</a> | <a href="contact_us.html">Contact Us</a>

          </div>

        </div>

        </div>

        <!-- InstanceBeginEditable name="main_content" -->

        <div id="mainContent">

          <h1> <u>Contact Us</u></h1>

          <div id="main">

         

         

            <img style="right;" alt="contact_agent" src="Images/Contact Us/contact_agent.jpg" width="475" height="336" />

            <p></p><p></p>

          <p></p>

        <form action="" method="get" >

          <table width="266" border="1">

            <tr>

              <td width="84">Forename</td>

              <td width="166"><label>

                <input name="forename" type="text" id="forename" onblur="MM_validateForm('forename','','R');return document.MM_returnValue" />

              </label></td>

            </tr>

            <tr>

              <td>Surname</td>

              <td><label>

                <input name="surname" type="text" id="surname" onblur="MM_validateForm('surname','','R');return document.MM_returnValue" />

              </label></td>

            </tr>

            <tr>

              <td>Address</td>

              <td><label>

                <input name="address" type="text" id="address" onblur="MM_validateForm('address','','R');return document.MM_returnValue" />

              </label></td>

            </tr>

            <tr>

              <td>Postcode</td>

              <td><label>

                <input name="postcode" type="text" id="postcode" onblur="MM_validateForm('postcode','','R');return document.MM_returnValue" />

              </label></td>

            </tr>

            <tr>

              <td><p>Tel. No</p></td>

              <td><label>

                <input name="tel no" type="text" id="tel_no" onblur="MM_validateForm('tel_no','','R');return document.MM_returnValue" />

              </label></td>

            </tr>

            <tr>

              <td>Email</td>

              <td><label>

                <input name="email" type="text" id="email" onblur="MM_validateForm('email','','R');return document.MM_returnValue" />

              </label></td>

            </tr>

          </table>

         

            <label>

              <input type="submit" name="submit" id="submit" value="Submit" />

            </label>

            <label>

              <input type="reset" name="clear" id="clear" value="Reset" />

            </label>

        </form>

          <center>Telephone: 01236 756114|

          <a href="mailto:awaddell9950@coatbridge.ac.uk">Email Us</a>|

          Postcode: ML6 0HY|</center>

        <p> </p>

      </div>

          <!-- end #mainContent -->

        </div>

        <!-- InstanceEndEditable -->

        <div id="footer">

          <p>Andrew Waddell &copy; 2014</p>

        <!-- end #footer --></div>

      <!-- end #container --></div>

      </body>

      <!-- InstanceEnd --></html>