//Making Tables\\

I'll show you some of the basics of making tables here.

<tr> stands for table rows and <td> stands for table columns.   You always start with the <table> tag.

Here is an example of a table.

   
   

I began with <table>  I have two rows and two columns in each row.  See where it says 50%, you can change that but make sure the two numbers you change it to add up to 100.  Something like this would work.

Then you'd have this

   
   

 

If you wanted to add more rows and columns you might want something like this.

which would look like this

     
     
     
     

 

Want to give your tables some color?  We'll use the first set of tables at the top and give it color, this will be the same all the tables.

   
   

What I did was increase the table border to 3px, it was 1px, I did that just so the border would show up better.  The higher the number the thicker the border.  I also added border color light and border color dark.  If you where to leave that part of the code out your table would look like this.

   
   

 

To give the table a background color add bgcolor="#C0C0C0

Remember you can make the tables any color you want, you don't have to use what I'm using.  So now your code would look like this.

   
   

 

If you want to make each cell a different color your code would look like this.

   
   



<~~~Rewind
PSDs
Total PSDs 1097
3 psd's added 04/04/08
2 psd's added 05/30/08
2 psd's added 08/22/08

Link me


For more buttons click here


Kitty cam




Site Stats

Online: 1
Today: 348
Total: 433567

Since 11/1/06
Listed at


Whats new



Love me NOT!

Opinionated, BITCHY, woman who Loves Mike and my kids, and my kitties,
Pink and black, and listening to music.
Will Smith
The Lion King, The Sarah Conner chronicles, House, American Idol...
Addicted to making ringtones for my phone.
Blessed this world on June 27th
moody moon child
Hates spam, early mornings, being in crowds, rude people, being ignored, looked over, idiots, and people who can't remember my name!
I'll SCREAM it 4 U!
More?


Code Tester
Got a code you want to test out? Just paste it in the box below and click preview.

html tester


Affiliates

Link Dump
Random Quote



Copyright 2006-2008 by Lillium.net