Welcome
Agenda II
Xhtml Rules
DocType
Web Terms
Meta Elements
Why CSS?
Styles Types
Inline CSS
Embed CSS
Linked CSS
CSS Attributes
Font CSS
Text CSS
Color CSS
List CSS
Display Position
Background Images
Border CSS
Classes and IDs
Div & Span
CSS Summary
Table Summary
Frame Summary
Table Attributes
Basic Tables
Table CSS
Frame Attributes
Nested Frames
Frame Basics
3 Colors Frame
Inline Frames

Back 

Xhtml Table Layout and Design

Data Alignment-Horizonal and Vertical

Text alignment refers to the placement of text, either left, center or right. Table data alignment is written
<td align="center"> Vertical alignment values are top, middle, or bottom. valign="top"

Table width is 100% and height is 70%. If alignment problems exist, use CSS to align objects. See Text Cell Alignment
Header Information
align=Left align=Centeralign=Right
valign=top
 
valign=bottom valign=middle

Table Borders and Caption

Table border attribute determines the outside thickness of the table. The widths are measured in pixels. The first table border is equal to 5 pixels.
<table border="5">
The caption is placed after the table element. It can be aligned top or bottom (default is top).

The second table border equals to 15 pixels. The caption is aligned bottom and the width is 90% whereas the 70% for the one above. <table border="15">
Width is 70%
Red #ff0000 Blue #0000ff
Orange #ff9933 Yellow #ffff00

 

Table width is 90%
Red #ff0000 Blue #0000ff
Orange #ff9933 Yellow #ffff00
Table Cell Padding Table Cell Spacing Column and Row Spanning
Web Design with XHTML Part II
Prince George's Community College
Doris Cuffey, Instructor