need some help with tables...
Hey guys.. i need some help with tables.
I have the following table...
HTML Code:
<div id="personaldiv">
<table>
<tr>
<td width="151"><h2>Name:</h2></td>
<td width="274"><h3>John Doe </h3></td>
</tr>
<tr>
<td width="151"><h2>Gender:</h2></td>
<td width="274"><h3>Male </h3></td>
</tr>
<tr>
<td width="151"><h2>Age:</h2></td>
<td width="274"><h3>999 </h3></td>
</tr>
</table>
</div>
and heres the css i have...
HTML Code:
/* section content labels */
h2 {
background-color: #F4F4F4;
color: #000000;
font-size: 8pt;
font-weight: bold;
margin-left: 10px;
line-height: 100%;
}
/* section content text */
h3 {
background-color: #F4F4F4;
color: #000000;
font-size: 8pt;
font-weight: normal;
line-height: 100%;
}
/* personal div */
#personaldiv {
color: black;
background: #F4F4F4;
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
position: relative;
z-index: 1;
width: 456px;
}
ok heres my problem...
I dont like how the table displays.
The row height is too tall..
I want to shrink the rows so the table isn't so large.. i want everything to be closer together.
Is this possible?
Thanks,
Chris
