PLEASE RELOAD




Colspan



When using colspan, it is necessary to know how many columns you have across each row. Each column is a td cell; so you need to know how many cells there will be across. When you know this, then you need to know the width of your content to see how many columns you need to span....colspan.

Let's look at an example. The table below has six td cells across. Each cell is 50pixels.

      




Let's say we want the first row of our table to hold the Title and we'll need 100 pixels for it. That means we need to span two cells; and we'll span the center two cells to put it in the middle.

  COLSPAN  
      
      


You can do more than one colspan in a table and in fact you can do more than one in a row. Here's an example of several in a table.

  COLSPAN  
  colspan 4
colspan 5 




Now let's apply colspan to gradtables. Why you ask? Because it gives you more flexibility in your table creations. The more ways to manipulate tables the more flexible the art. We'll start with our same six celled table but this time it's gradtables. I've left a one border on this so you can see the six separate cells.



So once again lets colspan the center two cells:





Here's another example with no border and an additional colspan.



Code Here



Toots Home