www.webdeveloper.com
Results 1 to 4 of 4

Thread: tables

  1. #1
    Join Date
    Feb 2004
    Location
    Atlanta, GA
    Posts
    23

    tables

    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

  2. #2
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,222
    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.
    Last edited by PeOfEo; 06-08-2004 at 11:01 AM.

  3. #3
    Join Date
    Feb 2004
    Location
    Atlanta, GA
    Posts
    23
    THANKS

  4. #4
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,222

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles