|
|
|
|||
![]() Killer Tables - Alignment ![]() Objects and text in cells can be aligned in several ways. Table with Text and Images Horizontally Spaced
<table border=1 cellspacing=0 cellpadding=0 width=300> <tr> <td width=100
align=left>Text Left</td> <td width=100
align=center>Text Center</td> <td width=100
align=right>Text Right</td> </tr> <tr> <td width=100
align=left><img width=25 height=25 border=0
SRC="../resources/dot_red.gif"></td> <td width=100
align=center><img width=25 height=25 border=0
SRC="../resources/dot_red.gif"></td> <td width=100
align=right><img width=25 height=25 border=0
SRC="../resources/dot_red.gif"></td> </tr></table> Table with Text and Images Vertically Spaced
<table border=1 cellspacing=0 cellpadding=0 width=401> <tr> <td width=1
rowspan=2><img width=1 height=150 border=0
SRC="../resources/dot_clear.gif"></td> <td width=100
valign=top>Text Top</td> <td width=100
valign=middle>Text Middle</td> <td width=100
valign=bottom>Text Bottom</td> <td width=100
valign=baseline>Text Baseline</td> </tr> <tr> <td width=100
valign=top><img width=25 height=25 border=0
SRC="../resources/dot_red.gif"></td> <td width=100
valign=middle><img width=25 height=25 border=0
SRC="../resources/dot_red.gif"></td> <td width=100
valign=bottom><img width=25 height=25 border=0
SRC="../resources/dot_red.gif"></td> <td width=100
valign=baseline><img width=25 height=25 border=0
SRC="../resources/dot_red.gif"></td> </tr></table> Next: Blank Cells ![]() |
|
|||||||||||||||||
Core | Top | Feedback ![]() |
||||||||||||||||||