ASP               DHTML               HTML               Javascript               Hourglass Web Design Hourglass Web Design


Tables

Beginning code <TABLE></TABLE>

Beginning Data field <TD></TD>

Beginning Rows <TR></TR>

Caption for table, above table <TABLE><CAPTION>My Table</CAPTION>

Cell Alignment <TD ALIGN=”center”> Also works with right, left, justify, and in TR

Cell Alignment <TD VALIGN=”top”> Also works with center, bottom, and in TR

Cell Background, different <TD BACKGROUND=”background.gif”></TD>

Cell Background Color <TD BGCOLOR=”#FFFFFF”></TD> Also works in TR.

Cell content becomes a Header, use <TH> instead of <TD>

Cell Width <TD WIDTH=”200”></TD>

Format Table <TABLE><TR><COLGROUP ALIGN=”right”><TD></TD></COLGROUP>
<COLGROUP> Affects whole/mult. Column < . . . COLGROUP ALIGN=”right” SPAN=”2”>
Using WIDTH and VALIGN with COLGROUP work also; ROWGROUP works also.

Format Table <TBODY> Must be placed b/n <TABLE> and <TR> commands.

No word wrap within cell <TD NOWRAP></TD>

Span over Columns <TD COLSPAN=”3”></TD> Example spans over 3 columns.

Span up and down Rows <TD ROWSPAN =”2”></TD> Example spans over 2 rows.

Table Formatting: Border around cells <TABLE BORDER=”1”>

Table Formatting: Border Color <TABLE BORDER=”1” BORDERCOLOR=”#F8F8FF”>

Table Formatting: Border Formatting: Above only <TABLE BORDER=”1” FRAME=”above”>

Table Formatting: Border Formatting: Below only < . . . FRAME=”below”>

Table Formatting: Border Formatting: Border outside only < . . . FRAME=”border”>

Table Formatting: Border Formatting: Box only < . . . FRAME=”box”>

Table Formatting: Border Formatting: Left and Right only < . . . FRAME=”vsides”>

Table Formatting: Border Formatting: Left side only < . . . FRAME=”lhs”>

Table Formatting: Border Formatting: No external border < . . . FRAME=”void”>

Table Formatting: Border Formatting: Right side only < . . . FRAME=”rhs”>

Table Formatting: Border Formatting: Top and Bottom only < . . . FRAME=”hsides”>

Table Formatting: Border Rules: display All internal borders < . . . RULES=”all”>

Table Formatting: Border Rules: display only b/n columns < . . . RULES=”cols”>

Table Formatting: Border Rules: display only b/n rows < . . . RULES=”rows”>

Table Formatting: Border Rules: no internal borders < . . . RULES=”none”>

Table Formatting: Border Rules: display borders b/n cells < . . . RULES=”groups”>

Table Formatting: space between cells <TABLE CELLSPACING=”20”>

Table Formatting: space inside of cell, between content and border <TABLE CELLPADDING=”10” >