I’m having trouble with my form. The input fields do not display in the browser – NE, IE, Opera, and Firefox. Is there something wrong w/ my css? The html code for the form looks right. I’m not seeing the problem…
[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”>
<head>
<title>Welcome to IMPulse NC, INC.</title>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
<link rel=”stylesheet” type=”text/css” href=”../pop_style.css” />
<style type=”text/css”>
/* HTML selectors start */
* {
border: 0; margin: 0; padding: 0;
}
body {
background-color:#cccccc;
}
table {
font-size:14px;
font-style:normal;
font-weight:normal;
}
/* HTML selectors end */
/* ID selectors start */
#border {
width:750px;
border: 1px solid #000000;
background-color:#FFFFFF;
margin: 10px auto;
position: relative;
}
#logo {
height:150px;
}
#logo img {
width: 750px;
height: 150px;
border: 0;
}
#secNavBar {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#003399;
width:20em;
height:1.5em;
z-index:2;
position: absolute;
right: 0px;
}
#secNavBar a:link {
text-decoration:none;
z-index:2;
background-color:#ffffff;
color:#003399;
font-size:12px;
font-weight:bold;
}
#secNavBar a:visited {
text-decoration:none;
z-index:2;
background-color:#ffffff;
color:#003399;
font-size:12px;
font-weight:bold;
}
#secNavBar a:hover {
background-color:#ffffff;
color:#6699cc;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#secNavBar a:active {
text-decoration:none;
z-index:1;
background-color:#ffffff;
color:#003399;
font-size:12px;
font-weight:bold;
}
#priNav {
text-align:center;
height:1.2em;
background-color:#003399;
color:#FFFFFF;
}
* html #priNav {
margin-top: -5px;
}
#mainText {
height:630px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:left;
margin-left:1%;
margin-right:1%;
padding: 10px 5px;
word-spacing:5px;
font-style: italic;
font-weight: bold;
color: #000000; /*position:relative;*/
}
#formInfo {
/*position:absolute;*/
margin-left:15%;
top:574px;
width:550px;
height:189px;
z-index:3;
}
#btm_Bar {
background-color:#003399;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
vertical-align:middle;
text-align:center;
height:35px;
}
/* class starts here */
/* class selectors end here */
</style>
<script language=”JavaScript” type=”text/JavaScript”>
<!– function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName==”Netscape”)&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //–>
</script>
</head>
<body>
<!– CASCADING POPUP MENUS v5.2 by Angus Turnbill http://www.twinhelix.com –>
<script language=”javascript” type=”text/javascript” src=”../../js/pop_core.js”></script>
<script language=”javascript” type=”text/javascript” src=”../../js/pop_data.js”></script>
<!– border begins here –>
<div id=”border”>
<!– second nav start here –>
<div id=”secNavBar”><a href=”../default_2.htm”>Home</a> | <a href=”#”>Quality</a> | <a href=”#”>Contact Us</a> | <a href=”#”> Site Map</a></div>
<!– logo starts here –>
<div id=”logo”>
<img src=”../../art/NewLogo.jpg” alt=”Logo of IMPulse NC, INC.” usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”5,3,280,74″ href=”../default_2.htm” alt=”Return to home page” />
</map>
</div>
<!– primary navigation div tags starts here –>
<div id=”priNav”>
<a id=”home” name=”home” style=”visibility:hidden”>Home</a>
<!– primary navigation div tags ends here –>
</div>
<!– main text starts here –>
<div id=”mainText”>
<p>Customer Service</p><br />
<p style=”font-size:14px;font-style:normal;font-weight:normal;”>Our customer service department have advocate that are ready to support your transit electrification needs. We will provide personalized service for parts acquisition. Our advocates can also customize a support package based on your needs in order to maximize the return on your investment.</p><br />
<p style=”font-size:14px;font-style:normal;font-weight:normal;”>If you wish to contact one of our advocate for assistance please fill out the form below. An advocate of IMPulse NC will address your request promptly.</p><br />
<p style=”font-size:14px;font-style:italic;font-weight:bold;”>* = Required Fields</p><br />
<!– form starts here –>
<div id=”formInfo”>
<form name=”csInfo” method=”post” action=”#”>
<!– beginning of table for form information –>
<table width=”550″ border=”1″>
<tr>
<td width=”205″>First Name: </td>
<td width=”345″><input name=”fname” type=”text” id=”fname” size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>Last Name: </td>
<td><input name=”lname” type=”text” id=”lname” size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>Company Name: </td>
<td><input name=”company” type=”text” id=”company” size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>Title:</td>
<td><input name=”title” type=”text” id=”title” size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>Address 1: </td>
<td><input name=”add1″ type=”text” id=”add1″ size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>Address 2: </td>
<td><input name=”add2″ type=”text” id=”add2″ size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>City:</td>
<td><input name=”city” type=”text” id=”city” size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>State:</td>
<td><select name=”State” id=”state”>
<option>SELECT ONE</option>
<option>AL</option>
<option>AZ</option>
<option>AR</option>
<option>AK</option>
<option>CA</option>
<option>CO</option>
<option>CT</option>
<option>DE</option>
<option>DC</option>
<option>FL</option>
<option>GA</option>
<option>HI</option>
<option>ID</option>
<option>IL</option>
<option>IN</option>
<option>IA</option>
<option>KS</option>
<option>KY</option>
<option>LA</option>
<option>ME</option>
<option>MD</option>
<option>MA</option>
<option>MI</option>
<option>MN</option>
<option>MS</option>
<option>MO</option>
<option>MT</option>
<option>NE</option>
<option>NV</option>
<option>NH</option>
<option>NJ</option>
<option>NM</option>
<option>NY</option>
<option>NC</option>
<option>ND</option>
<option>OH</option>
<option>OK</option>
<option>OR</option>
<option>PA</option>
<option>RI</option>
<option>SC</option>
<option>SD</option>
<option>TN</option>
<option>TX</option>
<option>UT</option>
<option>VA</option>
<option>VT</option>
<option>WA</option>
<option>WI</option>
<option>WV</option>
<option>WY</option>
</select></td>
</tr>
<tr>
<td>Zip Code: </td>
<td><input name=”zcode” type=”text” size=”5″ maxlength=”5″ /></td>
</tr>
<tr>
<td>Country:</td>
<td><input name=”country” type=”text” size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>Phone:</td>
<td><input name=”phone” type=”text” id=”phone” /></td>
</tr>
<tr>
<td>Fax:</td>
<td><input name=”fax” type=”text” id=”fax” /></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input name=”email” type=”text” id=”email” size=”30″ maxlength=”50″ /></td>
</tr>
<tr>
<td>Comments:</td>
<td><textarea name=”comments” cols=”40″ rows=”4″ id=”comments”></textarea></td>
</tr>
<tr>
<td colspan=”2″><input type=”submit” name=”Submit” value=”Submit” />
<input name=”Reset” type=”reset” id=”Reset” value=”Reset” /></td>
</tr>
</table>
</form>
</div>
<!– form ends here –>
<!– main text ends here –>
</div>
<div id=”btm_Bar”>
100 IMPulse Way • Mount Olive, North Carolina 28365 • Main (919) 658-2200 • Fax (919) 658-2268<br /> ©2006 IMPulse NC, Inc. All Rights Reserved. </div>
</div>
<script language=”javascript” type=”text/javascript” src=”../../js/pop_events.js”></script>
</body>
</html>