Skip to content Skip to navigation

Connexions

You are here: Home » Content » Exhaustive Figure and Table Combinations

Navigation

Recently Viewed

This feature requires Javascript to be enabled.

Exhaustive Figure and Table Combinations

Module by: Max Starkenburg. E-mail the author

User rating (How does the rating system work?)
Ratings

Ratings allow you to judge the quality of modules. If other users have ranked the module then its average rating is displayed below. Ratings are calculated on a scale from one star (Poor) to five stars (Excellent).

How to rate a module

Hover over the star that corresponds to the rating you wish to assign. Click on the star to add your rating. Your rating should be based on the quality of the content. You must have an account and be logged in to rate content.

:
(0 ratings)

Summary: This module provides examples of figures, subfigures, and captions in varying in shapes and sizes. It also provides examples of CALS tables in many different variations and attribute permutations for style testing purposes.

No Subfigures, Unstretched Caption

Figure 1
Tall and Narrow Media, Without Caption
Tall and Narrow Media, Without Caption (tall.png)

No Subfigures, Short Unstretched Caption

Figure 2: Damn.
Figure 2 (tall.png)

No Subfigures, Stretched Caption

Figure 3: The codeblock above is inside a figure which likely will have a center alignment, yet it retains its natural left alignment because of the way it is styled. It also stretches out this caption, which normally would have a width of 50%
Codeblock in a Centered Table Cell

this is some               pretend codeblock
      please
          
just use
                 your
    imagination
this last line is longer than the rest to see how well the caption stretches
        

Horizontal Subfigures, Unstretched Figure

Figure 4
Tall and Narrow Media, Without CaptionShort and Wide Media
(a) The picture is tall and narrow. Some people are tall and narrow. Additionally, some trees are tall and narrow. Thus, there are many things that could fill this picture. (b) This picture is short and wide. Most people aren't shaped that way, unless they are lying down.
Tall and Narrow Media, Without Caption (tall.png)Short and Wide Media (wide.png)

Horizontal Subfigures, Stretched Figure

Figure 5: I don't have anything to say about this figure, except that I don't like it very much.
Name of Figure
Tall and Narrow MediaShort and Wide Media
(a) This picture is tall and narrow. Some people are tall and narrow. Additionally, some trees are tall and narrow. Thus, there are many things that could fill this picture. (b) (c) This picture is tall and narrow.
Tall and Narrow Media (tall.png)Short and Wide Media (wide.png)Figure 5(c) (tall.png)

Vertical Subfigures, Unstretched Figure

Figure 6
Your Name Goes Here, Without Caption
Square Media
(a) This picture is square. It's width is equal to it's height.
Square Media (square.png)
Short and Wide Media
(b)
Short and Wide Media (wide.png)
Tall and Narrow Media
(c) This picture is rectangular as well. However, it is taller than it is wide.
Tall and Narrow Media (tall.png)

Vertical Subfigures, Stretched Figure

Figure 7: This is the caption for the figure above. This figure, which contains all the subfigures, is fixed at a width of 50% of the screen. If any subfigure is wider than this caption, the figure will stretch itself for it, but not for a large caption, as can be seen by this long caption. Brilliant, eh? Let's see, will it work only with CSS? More length. More length. More length. More length.
(a) This is a square. It's width is equal to it's height.
Figure 7(a) (square.png)
Name here
(b) The above is wider than it is tall

This is some              pretend codeblock
     please
        
just use
          your imagination
this last line will be longer to see if the table will stretch well.  a little longer.
          
Name of this figure, which is ridiculously longer than the size of the subfigure, and is also longer than the 50% which will normally be the width of the figure. Making it even longer.
(c)

	      Name of this figure, which is ridiculously longer than
            the size of the subfigure, and is also longer than the 50%
            which will normally be the width of the figure.  Making it
            even longer.   (tall.png)
Figure 8: This image should have a height attribute and alt attribute via param elements.
Testing params
This image has an alt attribute
Figure 9: Though these images have the same size on screen, they will have different sizes in the PDF (print) version, because they all have different print resolutions. This is useful to change when using images such as screenshots, which appear normal on screen, but too large and pixely in print.
Testing different print resolutions
(a) 72dpi(b) 150dpi(c) 300dpi
Figure 9(a) (square-72.png)Figure 9(b) (square-150.png)Figure 9(c) (square-300.png)

Figure 10
name and caption on table
one tgroupmore than one tgroup
(a) (b)
table name text
table caption text
1 2
3 4
table name text
table caption text
1 2
3 4
a b
c d

TABLE attributes

frame

Figure 11: These, like the borders of the cells themselves, are done with inline CSS declarations.
frame="sides"frame="top"frame="bottom"frame="topbot"frame="all"frame="none"
(a) (b) (c) (d) (e) (f)
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2

colsep, rowsep

Figure 12
colsep="0"colsep="1"rowsep="0"rowsep="1"rowsep="0" (no tfoot)rowsep="0" (no thead or tfoot)
(a) (b) (c) (d) (e) (f)
a1a2a3
b1b2b3
a1a2a3
b1b2b3
a1a2a3
b1b2b3
a1a2a3
b1b2b3
a1a2a3
b1b2b3
a1a2a3
b1b2b3
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2
a1a2
b1b2
c1c2

orient, pgwide

Figure 13
orient="port"orient="land"pgwide="0"pgwide="1"
(a) (b) This should be impossible in HTML, as far as I know.(c) (d) I'm not exactly sure how this should work inside a figure.
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
Table 1: pgwide="0" outside figure
This should take only the space needed.
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
Table 2: pgwide="1" outside figure
This should extend to the edges of the page.
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2

TGROUP attributes

colsep, rowsep

Figure 14: Remember, the column separator is to the right of the cell, and the row separator is to the bottom of the cell. The last cells' right and bottom separator, respectively, are ignored and instead dictated by the table's frame attribute.
colsep="0"colsep="1"rowsep="0"rowsep="1"rowsep="0" (no tfoot)rowsep="0" (no thead or tfoot)
(a) (b) (c) (d) (e) (f)
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2
a1a2
b1b2

align, char, charoff

Figure 15
align="left"align="right"align="center"align="justify"
(a) (b) (c) (d)
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. a nother string, but not as long as the last.
Figure 16: There are char and charoff attributes in HTML, but I don't believe they are supported by browsers yet.
align="char", char="."align="char", char=".", charoff="25"align="char", char=".", charoff="75"
(a) (b) (c)
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah

COLSPEC attributes

colwidth

Figure 17
colwidth="72pt"colwidth="1.5in"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 18
colwidth="100px"colwidth="10em"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 19
colwidth="50%"colwidth="150%"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 20
colwidth="10pc"colwidth="10pi"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 21
colwidth="15ex"colwidth="3cm"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 22
colwidth="50mm"
a1a2
a1a2
a1a2
Figure 23
colwidth="3*"colwidth="3*+100px"
(a) This seems to have varying success in HTML.(b) This is probably impossible in HTML.
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2

colsep, rowsep

Figure 24
no tfootno thead or tfoot
(a) There should be no line separating the 1st and 2nd columns' cells, but there should be a line separating the 2nd and 3rd columns' cells.(b) There should be a line separating the 1st and 2nd columns' cells, but no line separating the 2nd and 3rd columns' cells.(c) There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should.(d) The 1st and 3rd columns' cells should have a border on the bottom, but the 2nd columns' cells should have none (excluding the last cell).(e) There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should.(f) The 1st and 3rd columns' cells should have a border on the bottom, but the 2nd columns' cells should have none (excluding the last cell).
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3

align

Figure 25
tgroup: right; 2nd column colspec: lefttgroup: left; 2nd column colspec: righttgroup: left; 2nd column colspec: centertgroup: left; 2nd column colspec: justify
(a) The tgroup is align="right", but the 2nd column should be aligned to the left.(b) The tgroup is align="left", but the 2nd column should be aligned to the right.(c) The tgroup is align="left", but the 2nd column should be aligned to the center.(d) The tgroup is align="left", but the 2nd column should be justified.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.

char, charoff

Figure 26
1st colspec: align="char", char="."; 2nd colspec: nothing1st colspec: align="char", char=".", charoff="25"; 2nd colspec: nothing1st colspec: align="char", char=".", charoff="75"; 2nd colspec: nothing
(a) (b) (c)
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah

COLSPEC attributes (without using the colnum attribute)

colwidth

Figure 27
colwidth="72pt"colwidth="1.5in"
(a) (b)
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
Figure 28
colwidth="100px"colwidth="10em"
(a) (b)
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
Figure 29
colwidth="50%"colwidth="150%"
(a) (b)
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
Figure 30
colwidth="10pc"colwidth="10pi"
(a) (b)
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
Figure 31
colwidth="15ex"colwidth="3cm"
(a) (b)
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
Figure 32
colwidth="50mm"
a1a2a3
a1a2a3
a1a2a3
Figure 33
colwidth="3*"colwidth="3*+100px"
(a) This seems to have varying success in HTML.(b) This is probably impossible in HTML.
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3
a1a2a3

colsep, rowsep

Figure 34
no tfootno thead or tfoot
(a) There should be no line separating the 1st and 2nd columns' cells, but there should be a line separating the 2nd and 3rd columns' cells. (b) There should be a line separating the 1st and 2nd columns' cells, but no line separating the 2nd and 3rd columns' cells. (c) There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should. (d) The 1st and 3rd columns' cells should have a border on the bottom, but the 2nd columns' cells should have none (excluding the last cell). (e) There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should. (f) The 1st and 3rd columns' cells should have a border on the bottom, but the 2nd columns' cells should have none (excluding the last cell).
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3

align

Figure 35
tgroup: right; 2nd column colspec: lefttgroup: left; 2nd column colspec: righttgroup: left; 2nd column colspec: centertgroup: left; 2nd column colspec: justify
(a) The tgroup is align="right", but the 2nd column should be aligned to the left.(b) The tgroup is align="left", but the 2nd column should be aligned to the right.(c) The tgroup is align="left", but the 2nd column should be aligned to the center.(d) The tgroup is align="left", but the 2nd column should be justified.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test the attribute. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.

char, charoff

Figure 36
1st colspec: align="char", char="."; 2nd colspec: nothing1st colspec: align="char", char=".", charoff="25"; 2nd colspec: nothing1st colspec: align="char", char=".", charoff="75"; 2nd colspec: nothing
(a) (b) (c)
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah

COLSPEC attributes inside THEAD and TFOOT

colwidth (thead)

Figure 37
colwidth="72pt"colwidth="1.5in"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 38
colwidth="100px"colwidth="10em"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 39
colwidth="50%"colwidth="150%"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 40
colwidth="10pc"colwidth="10pi"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 41
colwidth="15ex"colwidth="3cm"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 42
colwidth="50mm"
a1a2
a1a2
a1a2
Figure 43
colwidth="3*"colwidth="3*+100px"
(a) This seems to have varying success in HTML.(b) This is probably impossible in HTML.
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2

colwidth (tfoot)

Figure 44
colwidth="72pt"colwidth="1.5in"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 45
colwidth="100px"colwidth="10em"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 46
colwidth="50%"colwidth="150%"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 47
colwidth="10pc"colwidth="10pi"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 48
colwidth="15ex"colwidth="3cm"
(a) (b)
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2
Figure 49
colwidth="50mm"
a1a2
a1a2
a1a2
Figure 50
colwidth="3*"colwidth="3*+100px"
(a) This seems to have varying success in HTML.(b) This is probably impossible in HTML.
a1a2
a1a2
a1a2
a1a2
a1a2
a1a2

colsep, rowsep

Figure 51
no tfoot
(a) THEAD: There should be no line separating the 1st and 2nd columns' cells, but there should be a line separating the 2nd and 3rd columns' cells. TBODY: Normal. TFOOT: Opposite of THEAD. (b) THEAD: There should be a line separating the 1st and 2nd columns' cells, but no line separating the 2nd and 3rd columns' cells. TBODY: Normal. TFOOT: Opposite of THEAD. (c) THEAD: There first column's cells should have no border on the bottom, but the 2nd and 3rd columns' cells should. TBODY: Normal. TFOOT: Opposite of THEAD. (d) THEAD: The 1st and 3rd columns' cells should have a border on the bottom, but the 2nd columns' cells should have none. TBODY: Normal. TFOOT: Opposite of THEAD. (e) THEAD: There first column's cells should have no border on the bottom, but the 2nd and 3rd columns' cells should. TBODY: Normal.
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3

align

Figure 52
tgroup: right; thead: 2nd left; tfoot: 1st left;tgroup: left, thead: 2nd right; tfoot: 1st right;tgroup: left; thead: 2nd center; tfoot: 1st center;tgroup: left; thead: 2nd justify; tfoot: 1st justify;
(a) The TGROUP is align="right", but the 2nd column should be aligned to left in THEAD. TFOOT: 1st column aligned to left. (b) The TGROUP is align="left", but the 2nd column should be aligned to right in THEAD. TFOOT: 1st column aligned to right. (c) The TGROUP is align="left", but the 2nd column should be aligned to center in THEAD. TFOOT: 1st column is center aligned. (d) The TGROUP is align="left", but the 2nd column should be justified in THEAD. TFOOT is justified in 1st column.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.

char, charoff

Figure 53
(a) THEAD: 1st column: align="char", char="."; TFOOT: 2nd column: align="char", char=".";(b) THEAD: 1st column: align="char", char=".", charoff="25"; TFOOT: 2nd column: align="char", char=".", charoff="25"; (c) THEAD: 1st column: align="char", char=".", charoff="75"; TFOOT: 2nd column: align="char", char=".", charoff="75";
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah

COLSPEC attributes inside THEAD and TFOOT (without using the colnum attribute)

colwidth (thead)

Figure 54
colwidth="72pt"colwidth="1.5in"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 55
colwidth="100px"colwidth="10em"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 56
colwidth="50%"colwidth="150%"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 57
colwidth="10pc"colwidth="10pi"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 58
colwidth="15ex"colwidth="3cm"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 59
colwidth="50mm"
a1a2 a3
a1a2 a3
a1a2 a3
Figure 60
colwidth="3*"colwidth="3*+100px"
(a) This seems to have varying success in HTML.(b) This is probably impossible in HTML.
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3

colwidth (tfoot)

Figure 61
colwidth="72pt"colwidth="1.5in"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 62
colwidth="100px"colwidth="10em"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 63
colwidth="50%"colwidth="150%"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 64
colwidth="10pc"colwidth="10pi"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 65
colwidth="15ex"colwidth="3cm"
(a) (b)
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
Figure 66
colwidth="50mm"
a1a2 a3
a1a2 a3
a1a2 a3
Figure 67
colwidth="3*"colwidth="3*+100px"
(a) This seems to have varying success in HTML.(b) This is probably impossible in HTML.
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3
a1a2 a3

colsep, rowsep

Figure 68
no tfoot
(a) THEAD: There should be no line separating the 1st and 2nd columns' cells, but there should be a line separating the 2nd and 3rd columns' cells. TBODY: Normal. TFOOT: Opposite of THEAD. (b) THEAD: There should be a line separating the 1st and 2nd columns' cells, but no line separating the 2nd and 3rd columns' cells. TBODY: Normal. TFOOT: Opposite of THEAD. (c) THEAD: There first column's cells should have no border on the bottom, but the 2nd and 3rd columns' cells should. TBODY: Normal. TFOOT: Opposite of THEAD. (d) THEAD: The 1st and 3rd columns' cells should have a border on the bottom, but the 2nd columns' cells should have none. TBODY: Normal. TFOOT: Opposite of THEAD. (e) THEAD: There first column's cells should have no border on the bottom, but the 2nd and 3rd columns' cells should. TBODY: Normal.
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3
a1a2a3
b1b2b3
c1c2c3

align

Figure 69
tgroup: right; thead: 2nd left; tfoot: 1st left;tgroup: left; thead: 2nd right; tfoot: 1st right;tgroup: left; thead: 2nd center; tfoot: 1st center;tgroup: left; thead: 2nd justify; tfoot: 1st justify;
(a) The tgroup is align="right", but the 2nd column should be aligned to the left in THEAD. TFOOT: 1st column left aligns. (b) The tgroup is align="left", but the 2nd column should be aligned to the right in THEAD. TFOOT: 1st column aligns right. (c) The tgroup is align="left", but the 2nd column should be aligned to the center in THEAD. TFOOT: 1st column centered. (d) The tgroup is align="left", but the 2nd column should be justified in THEAD. TFOOT: 1st column justified.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.
long word or phrase short
a long string of text, used to encourage wrapping in order to test align. another string, but not as long as the last.

char, charoff

Figure 70
(a) THEAD: 1st column: align="char", char="."; TFOOT: 2nd column: align="char", char="."; (b) THEAD: 1st column: align="char", char=".", charoff="25"; TFOOT: 2nd column: align="char", char=".", charoff="25"; (c) THEAD: 1st column: align="char", char=".", charoff="75"; TFOOT: 2nd column: align="char", char=".", charoff="75";
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah
1. blah 22222. blah
aa. blah b. blah

SPANSPEC attributes

colsep, rowsep

Figure 71
c1c2: colsep=0; c2c3: colsep=1; c3c4: no colsepc1c2: rowsep=0; c2c3: rowsep=1; c3c4: no rowsepNO TFOOT / c1c2: rowsep=0; c2c3: rowsep=1; c3c4: no rowsepNO THEAD or TFOOT / c1c2: rowsep=0; c2c3: rowsep=1; c3c4: no rowsep
(a) (b) (c) (d)
a1 a3a4 a5
b1 b2 b4b5
c1c2 c3 c5
a1 a3a4 a5
b1 b2 b4b5
c1c2 c3 c5
a1 a3a4 a5
b1 b2 b4b5
c1c2 c3 c5
a1 a3 a4
b1 b2 b4
c1 c2 c3
a1 a3 a4
b1 b2 b4
c1 c2 c3
a1 a3 a4
b1 b2 b4
c1 c2 c3
a1 a3 a4
b1 b2 b4
c1 c2 c3
a1 a3 a4
b1 b2 b4
c1 c2 c3
a1 a3 a4
b1