Quick Question About Forms

LaC0saNostra · April 30, 2014

Hey guys. I am trying to figure out where the form box for my e-mail portion is. As you can see in my code I have the "E:mail" text in a very random spot. The box that follows. Where is this? I am trying to allign it and make it look much more nicer:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>TrackerPlus Homepage</title>

<!-- <! [CDATA[

function validateForm()

{

if (document.forms[0].CustName.value == "")

{

alert ("A name must be entered.");

return false;

} // end function

if (document.forms[0].CustAddress.value == "")

{

alert ("An address must be entered.");

return false;

} // end function

if (document.forms[0].CustCity.value == "")

{

alert ("A city must be entered.");

return false;

} // end function

if (document.forms[0].CustState.value == "")

{

alert ("A state must be entered.");

return false;

} // end function

if (document.forms[0].CustZipCode.value == "")

{

alert ("A zip code must be entered.");

return false;

} // end function

if (document.forms[0].CustCountry.value == "")

{

alert ("A country code must be entered.");

return false;

} // end function

if (document.forms[0].CustComment.value == "")

{

alert ("Please enter some sort of feedback for us.");

return false;

} // end function

}

// ]]> -->

</script>

</head>

<body>

<h1>TrackerPlus</h1>

<p>Employee Database Tracking</p>

</div>

<ul>

<li><a href="#">Roster</a></li>

<li><a href="#">Reports</a></li>

<li><a href="#">Timecard</a></li>

<li><a href="#">Schedule</a></li>

<li><a href="http://cdlwebsysdev.esc-atsystems.net/eschubauer/Template/contact_us.html">Contact Us</a></li>

</ul>

</div>

<h1>External Links</h1>

<ul>

<li><a href="http://www.kaleidahealth.org/">Kaleida Health</a></li>

<li><a href="http://www.chsbuffalo.org/">Catholic Health</a></li>

<li><a href="https://securews.bcbswny.com/web/content/WNYmember/home.html?redirectToConstituent=true/">Blue Cross Blue Shield</a></li>

<li><a href="https://www.roswellpark.org/">Roswell Park</a></li>

<li><a href="http://sodexousa.com/usen/default.aspx">Sodexo</a></li>

</ul>

</div>

<p>Enter Block content here...</p>

<br />

<p>The <a href="http://www.kaleidahealth.org/">Find</a> link is best used to locate employees by either name or badge number. It is a great tool to locate an individual looking to pick up a shift from another Kaleida employed facility.</p>

</div>

<h2>Contact Us</h2>

<hr />

<p>In order to maintain the best possible version of TrackerPlus it is necessary to receive feedback from the users involved with this elaborate program. We appreciate any questions, concerns or inquires to allow us to make your experience better every update. Please take the time to fill out this form and give us any additional feedback you may have for us.</p><br />

E-mail:

<tr>

</td>

</tr>

<tr>

<td align="right">Address: </td>

</tr>

<tr>

</tr>

<tr>

<td align="right">State: </td>

</tr>

<tr>

</tr>

<tr>

<td align="right">Country: </td>

</tr>

<tr>

<td colspan="2">Additional Feedback:<br />

<textarea rows="4" cols="60" name="CustComment"

id="CustComment">Please enter any feedback that comes to mind.</textarea></td>

</tr>

<tr>

</tr>

</table> <br />

Please rate your experience with TrackerPlus: <br />

<input type="radio" name="Rating" id="strongly_dislike"

value="Strongly Dislike" /> Strongly Dislike<br />

<input type="radio" name="Rating" id="dislike"

value="Dislike" /> Dislike<br />

<input type="radio" name="Rating" id="like"

value="Like" /> Like<br />

<input type="radio" name="Rating" id="strongly_like"

value="Strongly Like" /> Strongly Like<br />

<input type="radio" name="Rating" id="love"

value="Love" /> Love<br /><br />

</form> <br /><br /><br /><br /><br /><br />

</div>

</div>

</body></html>

thescientist · April 30, 2014

you should include your CSS, if it's doing anything to these elements. And you should use code tags when posting code.

LaC0saNostra · May 1, 2014

Here is the CSS:

body { background-color: #FDF8E5;

color: #191970;

font-family: Arial, Verdana, sans-serif; }

h1 { background-image: url(fire_and_blood.jpg);

color: #FCFFFE;

line-height: 250%;

font-family: Georgia, "Times New Roman", serif; }

h2 { color: #FCFCFC;

line-height: 500%;

background-image: url(winter_is_coming.jpg); }

p { color: #0E0402;

background-color: #E9C684;

font-size: 125%;

font-weight: bold;

line-height: 125%;

font-family: Georgia, "Times New Roman", serif;

text-align: center; }

p2 { font-size: 1.0em;

font-weight: bold; }

blockquote { color: #FCFFFE;

background-color: #1EA659;

line-height: 200%;

font-family: Georgia, "Times New Roman", serif; }

table { font-weight: bold; }

cite { font-weight: bold; }

form { font-weight: bold; }

Sign In

Quick Question About Forms

Recommended Posts

LaC0saNostra

Link to comment

Share on other sites

thescientist

Link to comment

Share on other sites

LaC0saNostra

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity