A Complete Guide to Web Design

182 Chapter 10 – Tables

Affecting Table Appearance

Web Design in a Nutshell, eMatter Edition

platforms. This is particularly true of tables since the standard is still being nailed

down. As always, it is best to do a lot of testing in a variety of viewing

environments.

It is important to note that many of the tags that affect appearance (align,

valign, andbgcolor) have been deprecated by the HTML 4.0 Specification in

favor of achieving the same effects with style sheets. Expect the major browsers,

however, to continue supporting the following methods until style sheets are

universally supported.

Borders

You can add a shaded border around the table and its cells by adding theborder

attribute within the<table>tag. If no value is indicated, theborderattribute

indicates a width of one pixel, as shown in Figure 10-5.

Specifying a higher number for the border will add a thicker beveled border

around the outside edges of the table, as shown in Figure 10-6. Thicker lines

between cells are created with cellspacing, described later.

Figure 10-4: This table uses the column and row groups to organize structure

Figure 10-5: Table with a one-pixel border

Figure 10-6: Table with a 15-pixel border

<TABLE BORDER>

<TR>

<TH>Sifl</TH><TH>Olly</TH>

...

</TABLE>

<TABLE BORDER=15>...