Table Frames and Rules

Welcome Agenda II Xhtml Rules DocType HTML Terms Meta Element
Introducing Tables Row & Column Groups Color CSS Table Attributes Table Padding Table Rules Table Alignment Column Span Border CSS Table CSS 5: Program Schedule Table Summary
Forms Forms Attributes 6: Registration Form
Embed MPGs Sound Files Sound Attributes Multimedia Quicktime Movies 7: Audio/Video Project
Frame Basics Frame Attributes Nested Frames 8: Designing with Frames 3-Color Frames 16-Color Frames Inline Frames Frame Summary
Tutorial 9: Working XHTML

Table Frame

HTML table frame specifies the type of outside border. The frame attributes: border (default), void(no border), above, below, hsides (horizontal sides), vsides(vertical sides), box (all sides), rhs(right hand side only), lhs(left side).
<table border="3px" frame="hsides">

PerennialsAnnualsTrees
CoreopsisCelosiasOak
HostasMarigoldsMaple

Table Rules

Rules displays the internal (inside) row borders only. Either rows or cols. Table border value must be set at zero. Other rules values are all, cols, groups, name, and rows.
border="0" rules="rows"
PerennialsAnnualsTrees
CoreopsisCelosiasOak
HostasMarigoldsMaple

HTML Table Cell Alignment

Text alignment refers to the placement of text, either left, center or right. Table data alignment is written
<td align="center"> . Use CSS to align objects.

Use colgroup to align cells

CSS text-align: value
Horizontal Alignment
align=Left align=Centeralign=Right
left
 
center right
<table>
<colgroup>
<col align="left" />
<col align="center" />
<col align="right" />
</colgroup>

HTML Vertical Alignment
Vertical Alignment
top middle bottom
top
 
 middle botton

CSS Border

Web Design with XHTML Part II
Doris Cuffey, Instructor