PDA

View Full Version : form absolute positioned???


Rachy06
04-16-2006, 09:57 PM
Help!!! the form in this code sits on top of the menu in my page... because its absolute positioned i think... can anyone help?


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Prefered Method of Contact</title>
</head>
<body>
<p align="center">
<font color="#FF0000" face="Arial Rounded MT Bold">BOOK AN APPOINTMENT<script type="text/javascript">
function appointment_CF(){
var errormessage = new String();
var vF = document.forms["appointment"];
if(appointment_WithoutSelectionValue(vF["Title"])){errormessage += "\n\nPlease select something from the\"Title\" drop-down list";}
if(appointment_WithoutSelectionValue(vF["Type Of Enquiry"])){errormessage += "\n\nPlease select something from the\"Type Of Enquiry\" drop-down list";}
if(appointment_WithoutSelectionValue(vF["Pref. Time of Call"])){errormessage += "\n\nPlease select something from the\"Pref. Time of Call\" drop-down list";}
if(appointment_WithoutSelectionValue(vF["Pref. method of contact"])){errormessage += "\n\nPlease select something from the\"Pref. method of contact\" drop-down list";}
</script></font><p align="center"><font face="Verdana" size="2">If you would
like to book an appointment, please fill in the form below with the relevant
details</font><p align="center"><font face="Verdana" size="2">Please note: For
mutual convenience, appointments are arranged within two hour time slots (e.g.
one of out fitters will arrange an appointment between 11:00 and 13:00)</font><p align="center">&nbsp;<p align="center"><noscript></noscript>
<div id="WFDForm" style="position: absolute; left: -28; top: 173; width: 457; height: 374; background-color: #FFFFFF">
<form name="appointment" action="http://www.webformdesigner.net/wfd_f2.php?id=n0a4VBfw9u" method="POST" enctype="application/x-www-form-urlencoded" onsubmit="return appointment_CF();">
<input type="hidden" name="sort" value="order:Pref. method of contact">
<div id="WFDObj1" style="position: absolute; z-index: 1; left: 98; top: 115; width: 162; height: 20; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
Prefered Method of Contact</div>
<select name="Pref. method of contact" size="1" tabindex="4"
style="position: absolute; z-index: 2; left: 259; top: 113; width: 173; height: 23; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF"> <option selected value="">[please select]
<option value="Phone">Phone
<option value="E-mail">E-mail
</select>
<div id="WFDForm" style="position: absolute; left: 92; top: 74; width: 461; height: 302; background-color: #FFFFFF">
<form name="appointment" action="http://www.webformdesigner.net/wfd_f2.php?id=n0a4VBfw9u" method="POST" enctype="application/x-www-form-urlencoded" onsubmit="return appointment_CF();">
<input type="hidden" name="sort" value="order:resetBtn,submitBtn,Title,First Name,Surname,E-mail,Type Of Enquiry,Other?,Phone Number,Pref. Time of Call">
<input type="submit" name="submitBtn" value="submit" tabindex="1" style="position: absolute; z-index: 1; left: 93; top: 208; width: 76; height: 24">
<input type="reset" name="resetBtn" value="reset" tabindex="2" style="position: absolute; z-index: 2; left: 176; top: 207; width: 76; height: 24">
<div id="WFDObj3" style="position: absolute; z-index: 3; left: 7; top: -40; width: 28; height: 20; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
Title</div>
<select name="Title" size="1" tabindex="4"
style="position: absolute; z-index: 4; left: 166; top: -41; width: 173; height: 23; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF"> <option selected value="">[please select]
<option value="Miss">Miss
<option value="Mrs">Mrs
<option value="Ms">Ms
<option value="Mr">Mr
</select>
<div id="WFDObj5" style="position: absolute; z-index: 5; left: 8; top: -11; width: 68; height: 20; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
First Name</div>
<input type="text" name="First Name" value="" size="40" maxlength="55" tabindex="5" style="position: absolute; z-index: 6; left: 167; top: -13; width: 174; height: 22; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF">
<div id="WFDObj7" style="position: absolute; z-index: 7; left: 7; top: 14; width: 56; height: 20; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
Surname</div>
<input type="text" name="Surname" value="" size="40" maxlength="55" tabindex="6" style="position: absolute; z-index: 8; left: 167; top: 13; width: 174; height: 22; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF">
<div id="WFDObj9" style="position: absolute; z-index: 9; left: 6; top: 66; width: 41; height: 20; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
E-mail</div>
<input type="text" name="E-mail" value="" size="40" maxlength="55" tabindex="7" style="position: absolute; z-index: 10; left: 168; top: 64; width: 174; height: 22; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF">
<select name="Type Of Enquiry" size="1" tabindex="9"
style="position: absolute; z-index: 11; left: 167; top: 149; width: 174; height: 23; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF"> <option selected value="">[please select]
<option value="Laminate Flooring">Laminate Flooring
<option value="Hardwood Flooring">Hardwood Flooring
<option value="Engineered Hardwood Flooring">Engineered Hardwood Flooring
<option value="Laminate Tiles">Laminate Tiles
<option value="Vertical Blinds">Vertical Blinds
<option value="Venetian Blinds">Venetian Blinds
<option value="Roller Blinds">Roller Blinds
<option value="Roman Blinds">Roman Blinds
<option value="Pineoleum Blinds">Pineoleum Blinds
<option value="Other">Other
</select>
<div id="WFDObj12" style="position: absolute; z-index: 12; left: 7; top: 151; width: 97; height: 20; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
Type Of Enquiry</div>
<input type="text" name="Other?" value="" size="40" maxlength="55" tabindex="10" style="position: absolute; z-index: 13; left: 167; top: 178; width: 170; height: 22; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF">
<div id="WFDObj14" style="position: absolute; z-index: 14; left: 24; top: 184; width: 138; height: 16; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
(if other please specify)</div>
<input type="text" name="Phone Number" value="" size="40" maxlength="55" tabindex="11" style="position: absolute; z-index: 15; left: 168; top: 91; width: 174; height: 22; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF">
<div id="WFDObj16" style="position: absolute; z-index: 16; left: 6; top: 93; width: 90; height: 20; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
Phone Number</div>
<select name="Pref. Time of Call" size="1" tabindex="12"
style="position: absolute; z-index: 17; left: 167; top: 120; width: 175; height: 23; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; color: #000000; background-color: #FFFFFF"> <option selected value="">[please select]
<option value="08:00 - 10:00">08:00 - 10:00
<option value="09:00 - 11:00">09:00 - 11:00
<option value="10:00 - 12:00">10:00 - 12:00
<option value="11:00 - 13:00">11:00 - 13:00
<option value="12:00 - 14:00">12:00 - 14:00
<option value="13:00 - 15:00">13:00 - 15:00
<option value="14:00 - 16:00">14:00 - 16:00
<option value="15:00 - 17:00">15:00 - 17:00
<option value="16:00 - 18:00">16:00 - 18:00
<option value="17:00 - 19:00">17:00 - 19:00
<option value="18:00 - 20:00">18:00 - 20:00
</select>
<div id="WFDObj18" style="position: absolute; z-index: 18; left: 7; top: 122; width: 148; height: 21; font-size: 10pt; font-family: Arial; font-weight: normal; font-style: normal; text-align: left; color: #000000">
Prefered Time Of Calling</div>
</form>
</div>

</div>
</body>
</html>

ronaldb66
04-18-2006, 11:01 AM
its absolute positioned Yeah, and pretty much everything else: typical FrontPage junk.

Could you supply a link to the page online? Taking a look at the end result can go a long way for offering suggestions how to improve this.