Help:Wiki University HTML-- Tables - Widths

Table width
This is our table from the last chapter: 
 * You will notice that the width is being controlled by the size and amount of text in the cells.
 * What if you want the table to be as wide as the page, here we use our width attribute.
 * Let's say we want it to cover the entire width or 100% of the page.
 * We only need to add the width attribute to our opening table tag:
 * AGAIN NOTICE we are determining the width of the columns not just the width of the top row of cells.
 * NOTICE the width attribute is separated from the border attribute by a semi-colon.

Try these out


 Exercises
 * With our above table place a green border, "inset" style and 25 pixels wide.
 * Make the table 90% in width.
 * Next place a 1 pixel green border around the cells in the first row.
 * Make the first column 35 percent width, the second 15%, the third 25% and let the last column determine its own width.

Check your answers

 Quick Quiz
 * Putting the width in the first cell of a row determines the width of the first column in the table
 * A. True
 * B. False


 * The width of a table will be determined by the material in the cells, if you do not set the widths
 * A. True
 * B. False


 * You can set the width of a table in percentages only
 * A. True
 * B. False

Check your answers