tables

**sir** · 06-08-2004, 01:32 AM

I need help with tables:
I want it to look something like this:

Games=
Doom...................Messing Around
Quake I...................Messing Around + Competitive (mainly LAN)
Quake II...................Competitive (mainly LAN)
Quake III...................Competitive (mainly LAN)
Half-Life...................Messing Around in Deathmatch
Counter-Strike...................Competitive (mainly LAN to start, but shift to more online play)
Call of Duty...................Currently Messing Arround every now and then
UT2K4...................the game, Currently Messing Around

replace the dots with the margins in the table

**PeOfEo** · 06-08-2004, 03:48 AM

Put this in your head section

Code:

<style type="text/css">
#gamestbl {
	border: 1px solid #000000;
}
#heading {
	border: 1px solid #000000;
	padding:2px;
	font-weight:normal;
}
.gameheader {
	border: 1px solid #000000;
	padding:2px;
	font-weight:normal;
	margin:2px;
}
.gamecell {
	border: 1px solid #000000;
	margin:2px;
	padding:2px;
}
</style>

That will allow you to set margins, padding, colors, and more. This is called a style sheet. It is important for the validity of your code that table be style with this

Code:

<table id="gamestbl">
	<tr>
		<th colspan="2" id="heading">Games</th>
	</tr> 
	<tr>
		<th class="gameheader" id="header1" scope="col" >Game</th>
		<th class="gameheader" id="header2" scope="col" >How I play</th>
	</tr>
	<tr>
		<td class="gamecell" headers="header1" >Doom</td>
		<td class="gamecell" headers="header2">Messing Around</td>
	</tr>
	<tr>
		<td class="gamecell" headers="header1">Quake I</td>
		<td class="gamecell" headers="header2">Messing Around + Competitive (mainly LAN)</td>
	</tr>
</table>

put that in your body
http://quasi-ke.servebeer.com/tbltst.htm is the result.