Tables Examples

Tables allow better positioning of text and graphics, as well as generally better control of many other aspects of page layout.

Tables can be aligned center, left, or right, and have border width, border spacing, and cell padding specified. Table 1 is centered, with a border width of 1 pixel, border spacing of 1 pixel, and cell padding of 5 pixels. This particular table does not have a maximum or minimum width specified; the browser will automatically size it.

Table 2 is left aligned, set at 75% of the browser window, with a border width of 2 pixels, border spacing of 1 pixel, and cell padding of 2 pixels.

Notice how the text wraps around tables that are set to left or right alignment; This allows you to create some interesting effects with graphics and other page elements.

Table 3 is right aligned, at 75% of the browser window, with a border width of 5 pixels, border spacing of 1 pixel, and cell padding of 5 pixels.

Notice how the text wraps around tables that are set to left or right alignment; This allows you to create some interesting effects with graphics and other page elements.

Table 4 is centered, at 55% of the browser window, with a border width of 1 pixel, border spacing of 1 pixel, and cell padding of 5 pixels. In this table, though, two of the rows span multiple columns and one spans the entire table, while one column takes two rows.

Notice how the text doesn't wrap around tables that are centered; this breaks text into very distinct chunks.

Table 5 is centered, at 75% of the browser window, with no border or border spacing, and cell padding of 5 pixels. In this table, though, two of the rows span multple columns and one spans the entire table.

Table 6 is centered, at 75% of the browser window, with no border or border spacing, and cell padding of 5 pixels. We have column spanning and multiple colors in use.

Copyright 1998, Marc Elliot Hall, DBA Sensation! Services