Exhaustive Figure and Table Combinations 2.25 2001/07/24 2006/10/31 19:23:46.339 US/Central Max Starkenburg maxwell@rice.edu Max Starkenburg maxwell@rice.edu cals caption cnxml colname colnum colspec entry entrytbl example figure media nameend namest row spanname spanspec subfigure table tbody tfoot tgroup thead 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

Tall and Narrow Media, Without Caption

No Subfigures, Short Unstretched Caption

Damn.

No Subfigures, Stretched Caption

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 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%

Horizontal Subfigures, Unstretched Figure

Tall and Narrow Media, Without Caption 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. Short and Wide Media This picture is short and wide. Most people aren't shaped that way, unless they are lying down.

Horizontal Subfigures, Stretched Figure

Name of Figure Tall and Narrow Media 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. Short and Wide Media This picture is tall and narrow. I don't have anything to say about this figure, except that I don't like it very much.

Vertical Subfigures, Unstretched Figure

Your Name Goes Here, Without Caption Square Media This picture is square. It's width is equal to it's height. Short and Wide Media Tall and Narrow Media This picture is rectangular as well. However, it is taller than it is wide.

Vertical Subfigures, Stretched Figure

This is a square. It's width is equal to it's height. Name here 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. The above is wider than it is tall 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. 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.

Testing params This image should have a height attribute and alt attribute via param elements.

Testing different print resolutions 72dpi 150dpi 300dpi 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.

name and caption on table one tgroup table name text 1 2 3 4

table caption text

more than one tgroup table name text 1 2 3 4 a b c d

table caption text

TABLE attributes

frame

frame="sides" a1a2b1b2a1a2b1b2a1a2b1b2 frame="top" a1a2b1b2a1a2b1b2a1a2b1b2 frame="bottom" a1a2b1b2a1a2b1b2a1a2b1b2 frame="topbot" a1a2b1b2a1a2b1b2a1a2b1b2 frame="all" a1a2b1b2a1a2b1b2a1a2b1b2 frame="none" a1a2b1b2a1a2b1b2a1a2b1b2 These, like the borders of the cells themselves, are done with inline CSS declarations.

colsep, rowsep

colsep="0" a1a2a3b1b2b3a1a2a3b1b2b3a1a2a3b1b2b3 colsep="1" a1a2a3b1b2b3a1a2a3b1b2b3a1a2a3b1b2b3 rowsep="0" a1a2b1b2c1c2a1a2b1b2c1c2a1a2b1b2c1c2 rowsep="1" a1a2b1b2c1c2a1a2b1b2c1c2a1a2b1b2c1c2 rowsep="0" (no tfoot) a1a2b1b2c1c2a1a2b1b2c1c2 rowsep="0" (no thead or tfoot) a1a2b1b2c1c2

orient, pgwide

orient="port" a1a2b1b2a1a2b1b2a1a2b1b2 orient="land" a1a2b1b2a1a2b1b2a1a2b1b2 This should be impossible in HTML, as far as I know. pgwide="0" a1a2b1b2a1a2b1b2a1a2b1b2 pgwide="1" a1a2b1b2a1a2b1b2a1a2b1b2 I'm not exactly sure how this should work inside a figure.

pgwide="0" outside figure a1a2b1b2a1a2b1b2a1a2b1b2

This should take only the space needed.

pgwide="1" outside figure a1a2b1b2a1a2b1b2a1a2b1b2

This should extend to the edges of the page.

TGROUP attributes

colsep, rowsep

colsep="0" a1a2b1b2a1a2b1b2a1a2b1b2 colsep="1" a1a2b1b2a1a2b1b2a1a2b1b2 rowsep="0" a1a2b1b2a1a2b1b2a1a2b1b2 rowsep="1" a1a2b1b2a1a2b1b2a1a2b1b2 rowsep="0" (no tfoot) a1a2b1b2a1a2b1b2 rowsep="0" (no thead or tfoot) a1a2b1b2 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.

align, char, charoff

align="left" 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. align="right" 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. align="center" 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. align="justify" 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.

align="char", char="." 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah align="char", char=".", charoff="25" 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 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 There are char and charoff attributes in HTML, but I don't believe they are supported by browsers yet.

COLSPEC attributes

colwidth

colwidth="72pt" a1a2 a1a2 a1a2 colwidth="1.5in" a1a2 a1a2 a1a2

colwidth="100px" a1a2 a1a2 a1a2 colwidth="10em" a1a2 a1a2 a1a2

colwidth="50%" a1a2 a1a2 a1a2 colwidth="150%" a1a2 a1a2 a1a2

colwidth="10pc" a1a2 a1a2 a1a2 colwidth="10pi" a1a2 a1a2 a1a2

colwidth="15ex" a1a2 a1a2 a1a2 colwidth="3cm" a1a2 a1a2 a1a2

colwidth="50mm" a1a2 a1a2 a1a2

colwidth="3*" a1a2 a1a2 a1a2 This seems to have varying success in HTML. colwidth="3*+100px" a1a2 a1a2 a1a2 This is probably impossible in HTML.

colsep, rowsep

a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 There should be a line separating the 1st and 2nd columns' cells, but no line separating the 2nd and 3rd columns' cells. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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). no tfoot a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should. no thead or tfoot a1a2a3 b1b2b3 c1c2c3 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).

align

tgroup: right; 2nd column colspec: left 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. The tgroup is align="right", but the 2nd column should be aligned to the left. tgroup: left; 2nd column colspec: right 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. The tgroup is align="left", but the 2nd column should be aligned to the right. tgroup: left; 2nd column colspec: center 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. The tgroup is align="left", but the 2nd column should be aligned to the center. tgroup: left; 2nd column colspec: justify 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. The tgroup is align="left", but the 2nd column should be justified.

char, charoff

1st colspec: align="char", char="."; 2nd colspec: nothing 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1st colspec: align="char", char=".", charoff="25"; 2nd colspec: nothing 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1st colspec: align="char", char=".", charoff="75"; 2nd colspec: nothing 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

colwidth="72pt" a1a2a3 a1a2a3 a1a2a3 colwidth="1.5in" a1a2a3 a1a2a3 a1a2a3

colwidth="100px" a1a2a3 a1a2a3 a1a2a3 colwidth="10em" a1a2a3 a1a2a3 a1a2a3

colwidth="50%" a1a2a3 a1a2a3 a1a2a3 colwidth="150%" a1a2a3 a1a2a3 a1a2a3

colwidth="10pc" a1a2a3 a1a2a3 a1a2a3 colwidth="10pi" a1a2a3 a1a2a3 a1a2a3

colwidth="15ex" a1a2a3 a1a2a3 a1a2a3 colwidth="3cm" a1a2a3 a1a2a3 a1a2a3

colwidth="50mm" a1a2a3 a1a2a3 a1a2a3

colwidth="3*" a1a2a3 a1a2a3 a1a2a3 This seems to have varying success in HTML. colwidth="3*+100px" a1a2a3 a1a2a3 a1a2a3 This is probably impossible in HTML.

colsep, rowsep

a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 There should be a line separating the 1st and 2nd columns' cells, but no line separating the 2nd and 3rd columns' cells. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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). no tfoot a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 There first column's cells should have no border on the bottom (excluding the last one), but the 2nd and 3rd columns' cells should. no thead or tfoot a1a2a3 b1b2b3 c1c2c3 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).

align

tgroup: right; 2nd column colspec: left 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. The tgroup is align="right", but the 2nd column should be aligned to the left. tgroup: left; 2nd column colspec: right 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. The tgroup is align="left", but the 2nd column should be aligned to the right. tgroup: left; 2nd column colspec: center 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. The tgroup is align="left", but the 2nd column should be aligned to the center. tgroup: left; 2nd column colspec: justify 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. The tgroup is align="left", but the 2nd column should be justified.

char, charoff

1st colspec: align="char", char="."; 2nd colspec: nothing 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1st colspec: align="char", char=".", charoff="25"; 2nd colspec: nothing 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1. blah 22222. blah aa. blah b. blah 1st colspec: align="char", char=".", charoff="75"; 2nd colspec: nothing 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)

colwidth="72pt" a1a2 a1a2 a1a2 colwidth="1.5in" a1a2 a1a2 a1a2

colwidth="100px" a1a2 a1a2 a1a2 colwidth="10em" a1a2 a1a2 a1a2

colwidth="50%" a1a2 a1a2 a1a2 colwidth="150%" a1a2 a1a2 a1a2

colwidth="10pc" a1a2 a1a2 a1a2 colwidth="10pi" a1a2 a1a2 a1a2

colwidth="15ex" a1a2 a1a2 a1a2 colwidth="3cm" a1a2 a1a2 a1a2

colwidth="50mm" a1a2 a1a2 a1a2

colwidth="3*" a1a2 a1a2 a1a2 This seems to have varying success in HTML. colwidth="3*+100px" a1a2 a1a2 a1a2 This is probably impossible in HTML.

colwidth (tfoot)

colwidth="72pt" a1a2 a1a2 a1a2 colwidth="1.5in" a1a2 a1a2 a1a2

colwidth="100px" a1a2 a1a2 a1a2 colwidth="10em" a1a2 a1a2 a1a2

colwidth="50%" a1a2 a1a2 a1a2 colwidth="150%" a1a2 a1a2 a1a2

colwidth="10pc" a1a2 a1a2 a1a2 colwidth="10pi" a1a2 a1a2 a1a2

colwidth="15ex" a1a2 a1a2 a1a2 colwidth="3cm" a1a2 a1a2 a1a2

colwidth="50mm" a1a2 a1a2 a1a2

colwidth="3*" a1a2 a1a2 a1a2 This seems to have varying success in HTML. colwidth="3*+100px" a1a2 a1a2 a1a2 This is probably impossible in HTML.

colsep, rowsep

a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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. a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 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. no tfoot a1a2a3 b1b2b3 c1c2c3 a1a2a3 b1b2b3 c1c2c3 THEAD: There first column's cells should have no border on the bottom, but the 2nd and 3rd columns' cells should. TBODY: Normal.

align

tgroup: right; thead: 2nd left; tfoot: 1st left; long word or phrase short a long string of text, used to encourage wrapping in order to test align. another string, but not as l