If anyone has time to suss this I would be greatful. It did look okay on Firefox before I went into design (Frontpage) and physically played with the table. I added a cell. I have removed it back to the original, but in Firefox it stretches the cell heights. In IE its okay.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
<html xmlns="
xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<title>Send Out The Data</title>
<script type="text/javascript">
function update_message_body()
// This function composes an e-mail message using the contents of
// another form on the same page.
{
var Name = document.SubmissionForm.name.value;
var Address = document.SubmissionForm.address.value;
var City = document.SubmissionForm.city.value;
var State = document.SubmissionForm.state.value;
var Zip = document.SubmissionForm.zip.value;
var Phone = document.SubmissionForm.phone.value;
var Email = document.SubmissionForm.email.value;
var CurrentDate = new Date();
document.ProxyForm.MessageBody.value = "\n\n" + "-= Start of Message =-" + "\n\n"
+ "User Information Submission" + "\n\n"
+ "Time received: " + CurrentDate + "\n\n"
+ "Name: " + Name + "\n\n"
+ "Address: " + Address + "\n\n"
+ "City: " + City + "\n\n"
+ "State: " + State + "\n\n"
+ "Zip: " + Zip + "\n\n"
+ "Phone: " + Phone + "\n\n"
+ "Email: " + Email + "\n\n" + "-= End of Message =-";
return true;
}
function chkForm() {
var nameVal = document.getElementById('name').value;
var addressVal = document.getElementById('address').value
var cityVal = document.getElementById('city').value
var stateVal = document.getElementById('state').value
var zipVal = document.getElementById('zip').value
var phoneVal = document.getElementById('phone').value
var emailVal = document.getElementById('email').value
if((nameVal=='')||(addressVal=='')||(cityVal=='')||(stateVal==-1)||(zipVal=='')||(phoneVal=='')||(emailVal=='')){
alert('All fields required.');
return false;
} else {
update_message_body();
}
}
</script>
<base target="_self">
</head>
<body>
<h3>Page Title</h3>
<form name="SubmissionForm" action="mailto:target@email.com" enctype="multipart/form-data" onSubmit="return chkForm();">
<table class="Fatscope" border="1" width="577">
<tr>
<td class="DescriptorCell" width="182">Name:</td>
<td class="ContentCell" width="276">
<p align="center">
<select id='name'>
<option value="-1">-- Select --</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
</select>
</td>
</tr>
<tr>
<td class="DescriptorCell">Address:</td>
<td class="ContentCell" width="276">
<p align="center">
<select id='address'>
<option value="-1">-- Select --</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
</select>
</td>
</tr>
<tr>
<td class="DescriptorCell">City:</td>
<td class="ContentCell" width="276">
<p align="center">
<select id='city'>
<option value="-1">-- Select --</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
</select>
</td>
</tr>
<tr>
<td class="DescriptorCell">State:</td>
<td class="ContentCell" width="276">
<p align="center">
<select id='state'>
<option value="-1">-- Select --</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
</select>
</td>
</tr>
<tr>
<td class="DescriptorCell">Zip:</td>
<td class="ContentCell" width="276">
<p align="center">
<select id='zip'>
<option value="-1">-- Select --</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
</select>
</td>
</tr>
<tr>
<td class="DescriptorCell">Phone:</td>
<td class="ContentCell" width="276">
<p align="center">
<select id='phone'>
<option value="-1">-- Select --</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
</select>
</td>
</tr>
<tr>
<td class="DescriptorCell">Email:</td>
<td class="ContentCell" width="276">
<p align="center">
<select id='email'>
<option value="-1">-- Select --</option>
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
</select>
</td>
</tr>
</table>
<p class="CenteredContent"><input type="reset" value="Clear All Entries"></input></p>
</form>
<form name="ProxyForm" enctype="text/plain" method="post" action ="mailto:Target.comd?subject=Reuseable Code Library Submission" onsubmit="return chkForm();">
<p class="CenteredContent"><input type="submit" value="Submit New Function"></input></p>
<input type="hidden" id="MessageBody" name="MessageBody"></input>
</form>
</body>
</html>
Many thanks