CSmith1128 Posted September 28, 2007 Share Posted September 28, 2007 Hey guys.. i need some help with tables.I have the following table... <div id="personaldiv"> <table> <tr> <td width="151"><h2> </h2></td> <td width="274"><h3> </h3></td> </tr> <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... /* 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 Link to comment Share on other sites More sharing options...
Err Posted September 28, 2007 Share Posted September 28, 2007 Use CSS and target the <table> and <td>, then use padding, margins and heights/width to make your table and "row heights" as you like. table td { margin: 0px; padding: 0px;} http://www.w3schools.com/css/pr_padding.asphttp://www.w3schools.com/css/pr_margin.asphttp://www.w3schools.com/css/pr_dim_height.asp Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.