majorbroncosfan
Programmer
I have a web page I have created using CSS style sheets. When I do not have a form tag around the table, I have text boxes with a honeydew background. When I insert the form tag, they turn yellow. Here is the code for the page:
<html>
<head>
<title>Hospitals</title>
<link href="../general/designstyle.css" rel="stylesheet" type="text/css">
<script src="../general/general.js"></script>
</head>
<body bgcolor="#f1f1ed">
<form method="post" action="" name="hospitalForm">
<font class='PageHead'>
<b>Hospitals</b>
</font>
<br>
<table class='Table' width="63%" height="25%">
<tr>
<td width="425" height="15" class="ColumnHead">
<div align="left">
<input class="SubmitButton" type="button" name="Button" value="Save" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="New" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="Save/New" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="Delete" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="View All" onClick="javascript:submitDocument();">
</div>
</td>
<td width="42" valign="middle" class="ColumnHead">
Find
</td>
<td width="100" valign="middle" class="ColumnHead">
<div align="left">
<input name="text24" type="text" class="TextBoxGreen" width="100">
</div>
</td>
<td width="25" valign="middle" class="ColumnHead">
<div align="left">
<input name="cmdPeripheral22" type="button" class="LinkButton" id="cmdPeripheral22" value="...">
</div>
</td>
</tr>
<tr align="left" valign="top">
<td height="213" colspan="13" class="ColumnBody">
<div align="left"> <br>
Hospital Info </div>
<table width="581" height="160" align="left">
<tr valign="baseline">
<td width="16%" height="24" valign="middle" class="FormTitle">
<div align="right">
Name
</div>
</td>
<td colspan="6" valign="middle">
<input name="text" type="text" class="TextBoxGreen" size="40">
</td>
</tr>
<tr valign="baseline">
<td height="24" class="FormTitle">
<div align="right">
Address 1
</div>
</td>
<td colspan="6">
<input name="text432" type="text" class="TextBoxGreen" size="64">
</td>
</tr>
<tr valign="baseline">
<td height="24" class="FormTitle">
<div align="right">
Address 2
</div>
</td>
<td colspan="6">
<input name="text432" type="text" class="TextBoxGreen" size="64">
</td>
</tr>
<tr valign="baseline">
<td height="24" valign="middle" class="FormTitle">
<div align="right">
City
</div>
</td>
<td width="27%" valign="middle">
<input name="text23" type="text" class="TextBoxGreen" width="170">
</td>
<td width="6%" valign="middle" class="FormTitle">
<div align="right">
State
</div>
</td>
<td width="5%" valign="middle" class="FormTitle">
<input name="text243" type="text" class="TextBoxGreen" size="5">
</td>
<td width="5%" valign="middle" class="FormTitle">
<div align="right">
Zip
</div>
</td>
<td width="41%" colspan="2" valign="middle" class="FormTitle">
<div align="left">
<input name="text2422" type="text" class="TextBoxGreen" size="10">
</div>
</td>
</tr>
<tr valign="baseline">
<td height="24" valign="middle" class="FormTitle">
<div align="right">
Phone
</div>
</td>
<td valign="middle">
<input name="text52" type="text" class="TextBoxGreen" width="170">
</td>
<td valign="middle" class="FormTitle">
<div align="left">
Fax
</div>
</td>
<td colspan="4" valign="middle" class="FormTitle">
<div align="left">
<input name="text222" type="text" class="TextBoxGreen" width="170">
</div>
</td>
</tr>
<tr valign="baseline">
<td height="24" valign="middle" class="FormTitle">
Notes
</td>
<td colspan="6" valign="middle">
<textarea name="text5222" cols="60" class="TextBoxGreen" width="170">
</textarea>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
The style is as follows:
.TextBoxGreen
{
border-width:1px;
border-color: #000000;
background-color: honeydew;
font-family: Verdana,Arial,Helvetica;
font-size: 11px;
color: navy;
}
Thanks in advance!
<html>
<head>
<title>Hospitals</title>
<link href="../general/designstyle.css" rel="stylesheet" type="text/css">
<script src="../general/general.js"></script>
</head>
<body bgcolor="#f1f1ed">
<form method="post" action="" name="hospitalForm">
<font class='PageHead'>
<b>Hospitals</b>
</font>
<br>
<table class='Table' width="63%" height="25%">
<tr>
<td width="425" height="15" class="ColumnHead">
<div align="left">
<input class="SubmitButton" type="button" name="Button" value="Save" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="New" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="Save/New" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="Delete" onClick="javascript:submitDocument();">
<input class="SubmitButton" type="button" name="Button" value="View All" onClick="javascript:submitDocument();">
</div>
</td>
<td width="42" valign="middle" class="ColumnHead">
Find
</td>
<td width="100" valign="middle" class="ColumnHead">
<div align="left">
<input name="text24" type="text" class="TextBoxGreen" width="100">
</div>
</td>
<td width="25" valign="middle" class="ColumnHead">
<div align="left">
<input name="cmdPeripheral22" type="button" class="LinkButton" id="cmdPeripheral22" value="...">
</div>
</td>
</tr>
<tr align="left" valign="top">
<td height="213" colspan="13" class="ColumnBody">
<div align="left"> <br>
Hospital Info </div>
<table width="581" height="160" align="left">
<tr valign="baseline">
<td width="16%" height="24" valign="middle" class="FormTitle">
<div align="right">
Name
</div>
</td>
<td colspan="6" valign="middle">
<input name="text" type="text" class="TextBoxGreen" size="40">
</td>
</tr>
<tr valign="baseline">
<td height="24" class="FormTitle">
<div align="right">
Address 1
</div>
</td>
<td colspan="6">
<input name="text432" type="text" class="TextBoxGreen" size="64">
</td>
</tr>
<tr valign="baseline">
<td height="24" class="FormTitle">
<div align="right">
Address 2
</div>
</td>
<td colspan="6">
<input name="text432" type="text" class="TextBoxGreen" size="64">
</td>
</tr>
<tr valign="baseline">
<td height="24" valign="middle" class="FormTitle">
<div align="right">
City
</div>
</td>
<td width="27%" valign="middle">
<input name="text23" type="text" class="TextBoxGreen" width="170">
</td>
<td width="6%" valign="middle" class="FormTitle">
<div align="right">
State
</div>
</td>
<td width="5%" valign="middle" class="FormTitle">
<input name="text243" type="text" class="TextBoxGreen" size="5">
</td>
<td width="5%" valign="middle" class="FormTitle">
<div align="right">
Zip
</div>
</td>
<td width="41%" colspan="2" valign="middle" class="FormTitle">
<div align="left">
<input name="text2422" type="text" class="TextBoxGreen" size="10">
</div>
</td>
</tr>
<tr valign="baseline">
<td height="24" valign="middle" class="FormTitle">
<div align="right">
Phone
</div>
</td>
<td valign="middle">
<input name="text52" type="text" class="TextBoxGreen" width="170">
</td>
<td valign="middle" class="FormTitle">
<div align="left">
Fax
</div>
</td>
<td colspan="4" valign="middle" class="FormTitle">
<div align="left">
<input name="text222" type="text" class="TextBoxGreen" width="170">
</div>
</td>
</tr>
<tr valign="baseline">
<td height="24" valign="middle" class="FormTitle">
Notes
</td>
<td colspan="6" valign="middle">
<textarea name="text5222" cols="60" class="TextBoxGreen" width="170">
</textarea>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
The style is as follows:
.TextBoxGreen
{
border-width:1px;
border-color: #000000;
background-color: honeydew;
font-family: Verdana,Arial,Helvetica;
font-size: 11px;
color: navy;
}
Thanks in advance!