Cannot change the height of a table row

jlarysz · Nov 8, 2003

I'm completely stuck trying to make a table row height smaller. I can reduce the font size for label cells but NOT for input cells.

I'd REALLY appreciate some help!

This code is a little more than ordinary - there are some bits of PHP in there.

Here are my styles:

.FormSectionTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color: #0000FF;
}
.FormErrorMessage {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: bold;
color: #FF0000;
}
.FormDataEntry {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
color: #000000;
line-height: normal;
height: auto;

}
.FormDataError {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: bold;
color: #FF0000;
line-height: normal;

And here is my code:

<div id="Layer5" style="position:absolute; width:780px; height:38px; z-index:7; left: 40px; top: 100px;">

<table width="100%" height="36" border="0" id="ProfileTable">
<tr>

<? // Title ?>
<td width="6%" class="FormDataEntry"><div align="right">Title*</div></td>
<td width="11%" class="FormDataEntry"><SELECT name="Value_Title">
<OPTION <? if ( $Title == 'Mr.') { echo ' selected'; } ?> >Mr.</OPTION>
<OPTION <? if ( $Title == 'Mrs.') { echo ' selected'; } ?> >Mrs.</OPTION>
<OPTION <? if ( $Title == 'Ms.') { echo ' selected'; } ?> >Ms.</OPTION>
<OPTION <? if ( $Title == 'Miss') { echo ' selected'; } ?> >Miss</OPTION>
<OPTION <? if ( $Title == 'Dr.') { echo ' selected'; } ?> >Dr.</OPTION>
</SELECT></td>

<? // First Name ?>
<td width="7%" class="<? echo ($_SESSION['Error_FirstName']) ? "FormDataError" : "FormDataEntry";?>" >
<div align="right">First*</div>
</td>

<td width="24%" class="FormDataEntry">
<INPUT type="text" maxLength=34 size=25 name="Value_FirstName" value="<? echo $FirstName?>">
</td>

<? // Middle Name ?>
<td width="15%" class="<? echo ($_SESSION['Error_MiddleName'])? "FormDataError" : "FormDataEntry";?>" >
<div align="right">Middle Initial </div>
</td>

<td width="10%" class="FormDataEntry">
<INPUT type="text" maxLength=8 size=3 name="Value_MiddleName" value="<? echo $MiddleName?>">
</td>

<? // Last Name ?>
<td width="6%" class="<? echo ($_SESSION['Error_LastName'])? "FormDataError" : "FormDataEntry";?>" >
<div align="right">Last*</div>
</td>

<td width="21%" class="FormDataEntry">
<INPUT maxLength=30 size=25 name="Value_LastName" value="<? echo $LastName?>">
</td>

</tr>
</table>
</div>

<div id="Layer6" style="position:absolute; width:783px; height:244px; z-index:7; top: 150px; left: 42px;">
<table width="100%" height="240" border="0">
<tr>

<? // Apartment ?>

<td width="19%" class="<? echo ($_SESSION['Error_Apartment'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Apartment Number</div>
</td>

<td width="6%" class="FormDataEntry">
<INPUT maxLength=25 size=9 name="Value_Apartment" value="<? echo $Apartment?>">
</td>

<? // Address Line 1 ?>

<td width="23%" class="<? echo ($_SESSION['Error_Address1'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Address Line 1*</div>
</td>

<td width="52%" class="FormDataEntry">
<INPUT maxLength=70 size=62 name="Value_Address1" value="<? echo $Address1?>">
</td>
</tr>

<tr>
<td> </td>
<td> </td>

<? // Address Line 2 ?>

<td width="23%" class="<? echo ($_SESSION['Error_Address2'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Address Line 2 </div>
</td>

<td width="52%" class="FormDataEntry">
<INPUT maxLength=70 size=62 name="Value_Address2" value="<? echo $Address2?>">
</td>
</tr>

<tr>
<td> </td>
<td> </td>

<? // Address Line 3 ?>

<td width="23%" class="<? echo ($_SESSION['Error_Address3'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Address Line 3 </div>
</td>

<td width="52%" class="FormDataEntry">
<INPUT maxLength=70 size=62 name="Value_Address3" value="<? echo $Address3?>">
</td>
</tr>

<tr>
<td> </td>
<td> </td>

<? // City ?>

<td class="<? echo ($_SESSION['Error_City'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">City*  </div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=50 name="Value_City" value="<? echo $City?>">
</td>
</tr>

<tr>
<td> </td>
<td> </td>

<? // County/State ?>

<td class="<? echo ($_SESSION['Error_County'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">State/County/Department </div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=70 name="Value_County" value="<? echo $County?>">
</td>
</tr>

<tr>
<td> </td>
<td> </td>

<? // Postcode ?>

<td class="<? echo ($_SESSION['Error_PostCode'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Zip/Postcode*</div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=20 size=10 name="Value_PostCode" value="<? echo $PostCode?>">
</td>
</tr>

<tr>
<td> </td>
<td> </td>

<? // Country ?>

<td class="<? echo ($_SESSION['Error_Country'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Country*</div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=70 size=40 name="Value_Country" value="<? echo $Country?>">
</td>
</tr>

<tr>
<td> </td>
<td> </td>

<? // eMail address ?>

<td class="<? echo ($_SESSION['Error_eMail'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Your E-mail address*</div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=120 size=62 name="Value_eMail" value="<? echo $eMail?>">
</td>

</tr>
</table>
</div>

<div id="PhoneNumberTable" style="position:absolute; width:780px; height:40px; z-index:7; left: 0px; top: 400px;">
<table width="100%" height="35" border="0">
<tr>

<? // Home phone number ?>

<td><font color="#FFFFFF"><strong>Telephone Numbers:</strong></font></td>

<td class="<? echo ($_SESSION['Error_HomePhone'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Home*</div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=60 size=19 name="Value_HomePhone" value="<? echo $HomePhone?>">
</td>

<? // Work Phone ?>

<td class="<? echo ($_SESSION['Error_WorkPhone'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Work</div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=60 size=19 name="Value_WorkPhone" value="<? echo $WorkPhone?>">
</td>

<? // Mobile phone ?>

<td class="<? echo ($_SESSION['Error_WorkPhone'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Mobile</div>
</td>

<td class="FormDataEntry">
<INPUT maxLength=60 size=19 name="Value_MobilePhone" value="<? echo $MobilePhone?>">
</td>

</tr>
</table>
</div>

<? // The Password section ?>

<div id="Layer10" style="position:absolute; width:980px; height:32px; z-index:7; left: 0px; top: 440px;">
<hr>
</div>

<div id="Layer8" style="position:absolute; width:980px; height:66px; z-index:7; left: 0px; top: 470px;">
<p class="FormSectionTitle">
Your password:           
<font color="#FF0000"><? echo $_SESSION['Error_Message_2']?></font></p>
</div>

<div id="PasswordEntryLayer" style="position:absolute; width:980px; height:80px; z-index:7; left: 0px; top: 510px;">
<table width="100%" height="56" border="0">
<tr>

<? // The Password ?>

<td width="48%" class="<? echo ($_SESSION['Error_Password'] || $_SESSION['Error_Password2']) ? "FormDataError" : "FormDataEntry";?>">
<div align="right">Choose a password (Anything up to 20 characters)*</div>
</td>

<td width="52%" class="FormDataEntry">
<INPUT id="Value_Password" type=password maxLength=20 name="Value_Password">
</td>
</tr>

<? // Confirm the password ?>

<tr>
<td class="<? echo ($_SESSION['Error_Password2'])? "FormDataError" : "FormDataEntry";?>">
<div align="right">Type your password again*</div>
</td>

<td class="FormDataEntry">
<INPUT id="Value_Password2" type=password maxLength=20 name="Value_Password2">
</td>
</tr>
</table>
</div>

Transcend · Nov 8, 2003

You could set the row height rather than the font size?

<tr height=5></tr>

Transcend
[gorgeous]

jlarysz · Nov 9, 2003

Nope. This this is really stuck

Vragabond · Nov 10, 2003

As far as I know, you can set the font size for every html element (that has any letters). Input boxes are no exception, just do one of the following:

inline:
<input type="text" style="font-size: 6pt;" ... />

create a class:
<style>
.small { font-size: 6pt; }
</style>

<input type="text" class="small" ... />

Same goes for <select> tags.

jlarysz · Nov 10, 2003

The style="" did it. I think that my class structure was clashing in the row, and it was falling back on default values.

Thanks a lot for the help.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Cannot change the height of a table row

jlarysz

Programmer

Transcend

Programmer

jlarysz

Programmer

Vragabond

Programmer

jlarysz

Programmer

Similar threads

Part and Inventory Search

Sponsor