Jump to content

help with tables


CSmith1128
 Share

Recommended Posts

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...