I need to adjust the height of a table. It's not for a layout or anything all it does is show hours of operation. but it's too tall! how can I adjust the height of the table?
I've tried to use the regular height="200px" but nothing happens.
I've tried style="height:200px;" but nothing happens.
and I've even tried adding a "display: block;" for laughs, but that messes things up pretty badly
here's what I have
<table width="900" align="center">
<tr>
<td>
<table height="10%" style="width:400px;">
<tr bgcolor="#99af99">
<td colspan="4" ><p><strong>Indoor Courts (Reserved)</strong></p></td>
</tr>
<tr class="text">
<td width="25%"><p><strong>Days</strong> </p></td>
<td width="35%"><p><strong>Times</strong> </p></td>
<td width="20%"><p><strong>Member</strong> </p></td>
<td width="20%"><p><strong>Non-Mem</strong> </p></td>
</tr>
<tr class="text">
<td><p>Mon - Fri </p></td>
<td><p>6:30 am - 4:00 pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr class="text">
<td><p>Mon - Fri </p></td>
<td><p>4:00 - 9:00 pm </p></td>
<td><p>$24.00 </p></td>
<td><p>$34.00 </p></td>
</tr>
<tr class="text">
<td><p>Mon - Fri </p></td>
<td><p>9:00 - 10:00 pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr class="text">
<td><p>Saturday </p></td>
<td><p>7:00am - 9:00pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr class="text">
<td><p>Sunday </p></td>
<td><p>8:00am - 9:00pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr bgcolor="#364b42">
<td colspan="4" ><p><strong>Walk-On (Non-Reserved)</strong> </p></td>
</tr>
<tr class="text">
<td><p>All Week </p></td>
<td><p>Open - Close </p></td>
<td><p>$12.00 </p></td>
<td><p>$18.00 </p></td>
</tr>
</table>
</td>
</tr>
</table><table width="auto" align="center"> <tr> <td> <div style="height: 200px; overflow: scroll;"><table height="10%" style="width:400px;"> <tr bgcolor="#99af99"> <td colspan="4" ><p><strong>Indoor Courts (Reserved)</strong></p></td> </tr> <tr class="text"> <td width="25%"><p><strong>Days</strong> </p></td> <td width="35%"><p><strong>Times</strong> </p></td> <td width="20%"><p><strong>Member</strong> </p></td> <td width="20%"><p><strong>Non-Mem</strong> </p></td> </tr> <tr class="text"> <td><p>Mon - Fri </p></td> <td><p>6:30 am - 4:00 pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr class="text"> <td><p>Mon - Fri </p></td> <td><p>4:00 - 9:00 pm </p></td> <td><p>$24.00 </p></td> <td><p>$34.00 </p></td> </tr> <tr class="text"> <td><p>Mon - Fri </p></td> <td><p>9:00 - 10:00 pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr class="text"> <td><p>Saturday </p></td> <td><p>7:00am - 9:00pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr class="text"> <td><p>Sunday </p></td> <td><p>8:00am - 9:00pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr bgcolor="#364b42"> <td colspan="4" ><p><strong>Walk-On (Non-Reserved)</strong> </p></td> </tr> <tr class="text"> <td><p>All Week </p></td> <td><p>Open - Close </p></td> <td><p>$12.00 </p></td> <td><p>$18.00 </p></td> </tr> </table></div> </td> </tr> </table>
(nesting tables like that isn't the best practice. You could achieve all this with CSS, and without the nested table.)
KDLAthat works. thanks. I didn't think of using css because I was actually trying to use tables for their original purpose....
and when I try to line up info like that in css I usually have a hard time
I've tried to use the regular height="200px" but nothing happens.
I've tried style="height:200px;" but nothing happens.
and I've even tried adding a "display: block;" for laughs, but that messes things up pretty badly
here's what I have
<table width="900" align="center">
<tr>
<td>
<table height="10%" style="width:400px;">
<tr bgcolor="#99af99">
<td colspan="4" ><p><strong>Indoor Courts (Reserved)</strong></p></td>
</tr>
<tr class="text">
<td width="25%"><p><strong>Days</strong> </p></td>
<td width="35%"><p><strong>Times</strong> </p></td>
<td width="20%"><p><strong>Member</strong> </p></td>
<td width="20%"><p><strong>Non-Mem</strong> </p></td>
</tr>
<tr class="text">
<td><p>Mon - Fri </p></td>
<td><p>6:30 am - 4:00 pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr class="text">
<td><p>Mon - Fri </p></td>
<td><p>4:00 - 9:00 pm </p></td>
<td><p>$24.00 </p></td>
<td><p>$34.00 </p></td>
</tr>
<tr class="text">
<td><p>Mon - Fri </p></td>
<td><p>9:00 - 10:00 pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr class="text">
<td><p>Saturday </p></td>
<td><p>7:00am - 9:00pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr class="text">
<td><p>Sunday </p></td>
<td><p>8:00am - 9:00pm </p></td>
<td><p>$16.00 </p></td>
<td><p>$26.00 </p></td>
</tr>
<tr bgcolor="#364b42">
<td colspan="4" ><p><strong>Walk-On (Non-Reserved)</strong> </p></td>
</tr>
<tr class="text">
<td><p>All Week </p></td>
<td><p>Open - Close </p></td>
<td><p>$12.00 </p></td>
<td><p>$18.00 </p></td>
</tr>
</table>
</td>
</tr>
</table><table width="auto" align="center"> <tr> <td> <div style="height: 200px; overflow: scroll;"><table height="10%" style="width:400px;"> <tr bgcolor="#99af99"> <td colspan="4" ><p><strong>Indoor Courts (Reserved)</strong></p></td> </tr> <tr class="text"> <td width="25%"><p><strong>Days</strong> </p></td> <td width="35%"><p><strong>Times</strong> </p></td> <td width="20%"><p><strong>Member</strong> </p></td> <td width="20%"><p><strong>Non-Mem</strong> </p></td> </tr> <tr class="text"> <td><p>Mon - Fri </p></td> <td><p>6:30 am - 4:00 pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr class="text"> <td><p>Mon - Fri </p></td> <td><p>4:00 - 9:00 pm </p></td> <td><p>$24.00 </p></td> <td><p>$34.00 </p></td> </tr> <tr class="text"> <td><p>Mon - Fri </p></td> <td><p>9:00 - 10:00 pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr class="text"> <td><p>Saturday </p></td> <td><p>7:00am - 9:00pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr class="text"> <td><p>Sunday </p></td> <td><p>8:00am - 9:00pm </p></td> <td><p>$16.00 </p></td> <td><p>$26.00 </p></td> </tr> <tr bgcolor="#364b42"> <td colspan="4" ><p><strong>Walk-On (Non-Reserved)</strong> </p></td> </tr> <tr class="text"> <td><p>All Week </p></td> <td><p>Open - Close </p></td> <td><p>$12.00 </p></td> <td><p>$18.00 </p></td> </tr> </table></div> </td> </tr> </table>
(nesting tables like that isn't the best practice. You could achieve all this with CSS, and without the nested table.)
KDLAthat works. thanks. I didn't think of using css because I was actually trying to use tables for their original purpose....
and when I try to line up info like that in css I usually have a hard time