Forum Moderators: mack
I have gone through the CSS stuff, the form, removing and replacing things to see what might be breaking it.
<!DOCTYPE html PUBLIC "=//W3C//DTD XHTML Transitional//EN" "http://www.w3org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<script type="text/javascript" language="javascript"
<!--//hide script from elderly browsers
function check_data(on_order)
{
var problem= false;
//validate name field
if(on_order.name.value == "")
{
alert("Enter your name!");
problem=true;
on_order.name.focus();
}
if (problem) {return false;} else {return true;}
}
//-->
</script>
<style type="text/css">
#wrapper
{
margin :40px 15px 30px 20px;
}
legend
{
font-size: 24pt;
font-family: cursive;
}
body {
background-color: #adffff;
}
table {
padding: 9px;
border-spacing: 15px;
border-collapse: collapse;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>You want pot #2<title></head>
<body>
<div id="wrapper">
<fieldset>
<legend>the pot you want </legend>
<form name="on_order" action="deliver_pot.php" method="post" onsubmit="return check_data(this)">
<img src=gnupots/41.jpg><table>
<tr><td>
<p><b>Name Please</b></td><td><input type="Text" name="name" size="25" maxlength="60" /></p></td>
<tr>
<td>Are you sure you want this pot?</td><td>Yes : <input type="radio" value="sure" name="decision">NO! : <input type="radio" value="nope" name="decision"</td>
</tr>
</table>
<input type="hidden" name="gotpot" value="2"><div align="center"><input type="submit" name="submit" value="Gimmie the pot!" />
</form>
</div>
2</body>
</html>
any ideas?