[phossler]

Most of the stuf I do is pretty streight forward, but now I think I have to use a table to keep things arranged.

I did a simple 3x3 test (attached) and css picked up from cssschools.com, but I'm missing something


What I'd like ...

1. entire table centered on page, with maybe 10% margins left and right

2. 3px solid bottom border below header row

3. 1px dotted border between each data row

4. some way to specify the width (by percent??) for each of the columns, 25%, 25%. 50%

/* applies to entire table */
	table
		{ 
		border:3px solid black;
		text-align: left;
		margin-left:10%;
		margin-right:10%;
		margin-top:1em;
		margin-bottom: 0em;
		}

/* applies to just the first = header row */
	th
		{
		font-style:italic;
		bottom-border:1px solid black;
		height:3em;
		vertical-align:center;
		text-align:center;
		padding:5px;
}

/* applies to each row */
	tr
		{
		margin-top:1em;
		margin-bottom: 1em;
		height:2em;
		vertical-align:top;			
		}


/* applies to data cells */
	td
		{
		padding:5px;
		}

So if someone (or someones) can offer a little guidence I'd appreciate it. As always, suggestions are ALWAYS welcome

Thanks

Paul