Extra White Space on the HTML form

30 New Member

I need some help with extra spaces in HTML form. There is a big white space appearing at the center of the HTML form that I am designing even though there is no <br> tags been used:

The html code is below:

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta

    http-equiv="Content-Type"

    content="text/html; charset=ISO-8859-1"

>

<link

    rel="StyleSheet"

    href="CSS/Lite.css"

    type="text/css"

>

<title>Dyadem Support Portal Registration</title>

<SCRIPT LANGUAGE="JavaScript">

function submitForm(){
 
        //Test the entered values

    if (document.registerForm.fname.value==""){
 
    alert("Please enter your First Name.")

    document.registerForm.fname.focus()

    return false

    }
 
    if (document.registerForm.lname.value==""){

    alert("Please enter your Last name.")

    document.registerForm.lname.focus()

    return false

    }
 
    if (document.registerForm.cname.value==""){    

    alert("Please enter the Company name.")

    document.registerForm.cname.focus()

    return false

    }
 
    if (document.registerForm.phone.value==""){    

    alert("Please enter your Phone #.")

    document.registerForm.phone.focus()

    return false

    }
 
    if (document.registerForm.email.value==""){    

    alert("Please enter the email address.")

    document.registerForm.email.focus()

    return false

    }
 
    if (document.registerForm.product.value=="ST"){

    document.registerForm.serial.value="Stature"

    }
 
    if (document.registerForm.serial.value==""){

    alert("Please enter the Serial # of the product purchased. If you don't know one, enter N/A.")

    document.registerForm.serial.focus()

    return false

    }
 
    if (document.registerForm.product.value=="Blank"){

    alert("Product purchased can't be blank.")

    document.registerForm.product.focus()

    return false

    }

    return true
 
    }

function isValidEmail() {

    var email = document.registerForm.email.value

    var AtPos = email.indexOf("@")

    var StopPos = email.lastIndexOf(".")

    Message = ""
 
    if (AtPos == -1 || StopPos == -1) {

    alert("Not a valid email address")

    return false

    }
 
    if (StopPos < AtPos) {

    alert("Not a valid email address")

    return false

    }
 
    if (StopPos - AtPos == 1) {

    alert("Not a valid email address")

    return false

    } 
 
    return true

}

//function that performs all functions, defined in the onsubmit event handler

function check(form){

if (submitForm()){

        if (isValidEmail()){

        return true

        }

    }

    return false;

}
 
function toFormat(isField){
 
isPhone = isField.value

if (isPhone.length == 12)

    {isPhone = isPhone.replace(/\D/g,'').replace(/^(\d{3})(\d{3})/,'($1) $2-');isField.value = isPhone;}

else if (isPhone.length > 12 && isPhone.length <= 16)

    {isPhone = isPhone.replace(/\D/g,' ').replace(/^(\d{3})( )(\d{3})/,'($1) $3-').replace(/- /,'-').replace(/( )(\d{1,3}$)/,' x $2');isField.value = isPhone;}

else if (isPhone.length < 10 || isPhone.length > 16 || isNaN(isPhone))

    {

    alert('Invalid phone number')

    isField.value = ""

    isField.style.background = 'Yellow';

    isField.focus()

    }

}

</script>

</head>

<body

    bgcolor="WHITE"

    text="#FFFFCC"

    leftmargin="0"

    topmargin="0"

    marginwidth="0"

    marginheigth="0"

>

<div

    class="top_stripe"

    style="FONT-SIZE: xx-large; BACKGROUND-COLOR: #c0c0c0;"

>&nbsp;</div>

<br>

<br>

<br>

<br>

<center><img

    align="center"

    src="Images/Dyadem.gif"

/> <br />

<br />

<br />

<center><b

    style="FONT-FAMILY: 'Arial'; COLOR: #0080c0; FONT-SIZE: large;"

>DYADEM SUPPORT PORTAL</b></center>

<br>

<br>
 
 <img

    src="Images/SupportSitePic.bmp"

    align="center"

    style="width: 247px; height: 192px;margin:0; padding:0"

/> <br>

<br>

<center><u><b>New User

Registration</b></u></center>
 
<form // This is the spot where extra space is showing up

    name="registerForm"

    onSubmit="return check(this.form)"

    Method="POST"

    Action="registrationComplete.jsp"

    align="center"

>

<table

    bgcolor="#EAEAEA"

    width="80%"

    style="margin:0; padding:0"

>

    <center>

    <tr>

        <td><Strong>*First Name:</Strong> <input

            type="text"

            name="fname"

        ></td>

    </tr>

    </center>
 
    </br>

    </br>
 
    <center>

    <tr>

        <td><Strong>*Last Name:</Strong>&nbsp; <input

            type="text"

            name="lname"

        ></td>

    </tr>

    </center>

    </br>

    </br>

    <center>

    <tr>

        <td><Strong>*Company:</Strong>&nbsp;&nbsp;&nbsp; <input

            type="text"

            name="cname"

        ></td>

    </tr>

    </center>

    </br>

    </br>

    <center>

    <tr>

        <td><Strong>*Phone #:</Strong> &nbsp;&nbsp;&nbsp; <input

            type="text"

            name="phone"

            onblur="toFormat(this)"

        ></td>

    </tr>

    </center>

    </br>

    </br>

    <center>

    <tr>

        <td><Strong>*Email:</Strong>

        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input

            type="text"

            name="email"

        ></td>

    </tr>

    </center>

    </br>

    </br>

    <center>

    <tr>

        <td><Strong>*Product:</Strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select

            style="width: 145px; length: 145px;"

            name="product"

        >

            <option value="Blank"></option>
 
    </tr>

    </center>

    </br>

    </br>

    <center>

    <tr>

        <td>&nbsp;<Strong>Serial #:</Strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        <input

            type="text"

            name="serial"

        ></td>

    </tr>

    </center>

    </br>

    </br>

    <tr>

        <td><MARQUEE

            direction="up"

            scrolldelay="800"

            height="20px"

            onmouseover="this.stop()"

            onmouseout="this.start()"

            width="100%"

        >

        <center><b style="FONT-FAMILY: 'Arial';"> <pre><I

            style="FONT-SIZE: medium; COLOR: #ff0000; FONT-FAMILY: 'Arial';"

        >Please fill out all of the required fields in order to register on Dyadem Support Portal.</pre></I></b>

        <br />

        <b

            style="FONT-FAMILY: 'Arial';"

            <pre><I style="FONT-SIZE: medium; COLOR: #ff0000; FONT-FAMILY: 'Arial';">An Active Support and Maintenance agreement is required to complete the registration.</pre>

        </I></b></center>

        </MARQUEE></td>

    </tr>

    </br>

    </br>

    <tr>

        <td>

        <center><input

            type="reset"

            value="Clear"

        /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input

            type="submit"

            value="Submit"

            name="submit"

        /> &nbsp;&nbsp;&nbsp;&nbsp; <input

            type="button"

            value="Cancel"

            onClick="parent.location='https://support.dyadem.com'"

        /></center>

        </td>

    </tr>

</table>

</form>

</center>

</br>

</br>

<div

    class="top_stripe"

    style="FONT-SIZE: xx-large; BACKGROUND-COLOR: #c0c0c0;"

>&nbsp;</div>

</body>

</html>

Nov 13 '08 #1

Subscribe Reply

4693

eWish

971

Recognized Expert Contributor

Try validating your markup and fixing the errors first.

Also, please use the code tag when you are posting markup or code. Thanks.

--Kevin

Nov 13 '08 #2

David Laakso

397

Recognized Expert Contributor

With 9 yards of garbage code containing 57 markup validation errors and proprietary HTML consider yourself fortunate it shows up on the screen at all...

Nov 13 '08 #3

Similar topics

4117

extra space in menu

by: Brian | last post by:

Hello group, http://people.umass.edu/btrembla/ (html 4.01/strict) uses a conventional menu marked up as a list, and css http://people.umass.edu/btrembla/css/brian.css...

HTML / CSS

3384

white-space: pre (well supported?)

by: Jerry Sievers | last post by:

tried to avoid using PRE in the page markup and instead used DIV CLASS=foo and assigned the white-space pre property to it. have some reports already that text is not showing as preformatted. ...

HTML / CSS

15175

white-space nowrap

by: Mark Moore | last post by:

I'm trying to layout a couple text input fields and their corresponding labels without using a table. When I was trying to debug my understanding of CSS, I was *very* surprised to see that span's...

HTML / CSS

23942

adding white space in <p>

by: Xah Lee | last post by:

sometimes i wish to add white space in <p> as to achived effects similar to tab. what should i do? using empty image seems the sure way but rather complicated. (and dosen't change size with...

HTML / CSS

3354

Validation White Spaces

by: Prince | last post by:

I have some <RequiredFieldValidator> on my page and everything works fine except that there are lots of white spaces between the web server controls that are being validated. I've set the Display...

ASP.NET

2372

Iframe extra space

by: Mike | last post by:

All: I am a newbee to ASP.NET I have created an aspx webpage for the title bar which I want to use in other pages in the website.When I use an iframe in webpages to use the title bar, I get an...

ASP.NET

1528

unnecessary white space at bottom for netscape

by: Victor | last post by:

Hi I have a very strange problem for my page. I have writen a js to make sure my table's height is 100% for the browser's viewport. my code is just the following. This works fine for firefox and...

ASP.NET

4318

How do I remove extra white space in a string?

by: bdbeames | last post by:

I am currently getting some forecast data from a web site using (file_get_contents), then I'm using explode to put the string in an array, which I am then parsing. The trouble is when I use...

PHP

2480

how can white space enter a text file?

by: Lawrence Krubner | last post by:

This is one of the more bizarre things I've seen in a while. We've a function called getListOfAllDatabaseTables that does about what you'd expect. It lives in a file called...

PHP

7118

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7323

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

7379

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

7493

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5049

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

3192

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3180

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

1550

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

763

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP