Navigation

Content Actions

Download module PDF
Add to ...
Add the module to:
- My Favorites
- A lens
- An external social bookmarking service
- My Favorites (What is 'My Favorites'?)
  'My Favorites' is a special kind of lens which you can use to bookmark modules and collections directly in Connexions. 'My Favorites' can only be seen by you, and collections saved in 'My Favorites' can remember the last module you were on. You need a Connexions account to use 'My Favorites'.
- A lens (What is a lens?)
  Definition of a lens
  Lenses
  A lens is a custom view of Connexions content. You can think of it as a fancy kind of list that will let you see Connexions through the eyes of organizations and people you trust.
  What is in a lens?
  Lens makers point to Connexions materials (modules and collections), creating a guide that includes their own comments and descriptive tags about the content.
  Who can create a lens?
  Any individual Connexions member, a community, or a respected organization.
- External bookmarks
E-mail the author
Print this Web page

Related material

Exhaustive Figure and Table Combinations

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.

Links

Prerequisite links

No Subfigures, Unstretched Caption

Figure 1
Tall and Narrow Media, Without Caption

No Subfigures, Short Unstretched Caption

Figure 2: Damn.

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

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 Media	Short and Wide Media
Subfigure 5.1: 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.	Subfigure 5.2	Subfigure 5.3: This picture is tall and narrow.

Vertical Subfigures, Unstretched Figure

Figure 6

Your Name Goes Here, Without Caption

Square Media
Subfigure 6.1: This picture is square. It's width is equal to it's height.

Short and Wide Media
Subfigure 6.2

Tall and Narrow Media
Subfigure 6.3: This picture is rectangular as well. However, it is taller than it is wide.

Vertical Subfigures, Stretched Figure

Subfigure 7.1: This is a square. It's width is equal to it's height.

Name here
Subfigure 7.2: 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.
Subfigure 7.3

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

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

Subfigure 9.1: 72dpi	Subfigure 9.2: 150dpi	Subfigure 9.3: 300dpi

Figure 10

name and caption on table

one tgroup

more than one tgroup

Subfigure 10.1

Subfigure 10.2

**table name text**
1	2
3	4

table caption text

table name text

1	2
3	4

a	b
c	d

table caption text

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"

Subfigure 11.1

Subfigure 11.2

Subfigure 11.3

Subfigure 11.4

Subfigure 11.5

Subfigure 11.6

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

colsep, rowsep

Figure 12

colsep="0"

colsep="1"

rowsep="0"

rowsep="1"

rowsep="0" (no tfoot)

rowsep="0" (no thead or tfoot)

Subfigure 12.1

Subfigure 12.2

Subfigure 12.3

Subfigure 12.4

Subfigure 12.5

Subfigure 12.6

a1	a2	a3
b1	b2	b3
a1	a2	a3
b1	b2	b3
a1	a2	a3
b1	b2	b3

a1	a2	a3
b1	b2	b3
a1	a2	a3
b1	b2	b3
a1	a2	a3
b1	b2	b3

a1	a2
b1	b2
c1	c2
a1	a2
b1	b2
c1	c2
a1	a2
b1	b2
c1	c2

a1	a2
b1	b2
c1	c2
a1	a2
b1	b2
c1	c2
a1	a2
b1	b2
c1	c2

a1	a2
b1	b2
c1	c2
a1	a2
b1	b2
c1	c2

a1	a2
b1	b2
c1	c2

orient, pgwide

Figure 13

orient="port"

orient="land"

pgwide="0"

pgwide="1"

Subfigure 13.1

Subfigure 13.2: This should be impossible in HTML, as far as I know.

Subfigure 13.3

Subfigure 13.4: I'm not exactly sure how this should work inside a figure.

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

**pgwide="0" outside figure**
a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

This should take only the space needed.

**pgwide="1" outside figure**
a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

This should extend to the edges of the page.

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)

Subfigure 14.1

Subfigure 14.2

Subfigure 14.3

Subfigure 14.4

Subfigure 14.5

Subfigure 14.6

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2
a1	a2
b1	b2

a1	a2
b1	b2

align, char, charoff

Figure 15

align="left"

align="right"

align="center"

align="justify"

Subfigure 15.1

Subfigure 15.2

Subfigure 15.3

Subfigure 15.4

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"

Subfigure 16.1

Subfigure 16.2

Subfigure 16.3

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"

Subfigure 17.1

Subfigure 17.2

a1	a2
a1	a2
a1	a2

a1	a2
a1	a2
a1	a2

Figure 18

colwidth="100px"

colwidth="10em"

Subfigure 18.1

Subfigure 18.2

a1	a2
a1	a2
a1	a2

a1	a2
a1	a2
a1	a2

Figure 19

colwidth="50%"

colwidth="150%"

Subfigure 19.1

Subfigure 19.2

a1	a2
a1	a2
a1	a2

a1	a2
a1	a2
a1	a2

Figure 20

colwidth="

Connexions

Navigation

Content Actions

Definition of a lens

Lenses

What is in a lens?

Who can create a lens?

Related material

Similar content

Recently Viewed

Exhaustive Figure and Table Combinations

Links

Prerequisite links

No Subfigures, Unstretched Caption

No Subfigures, Short Unstretched Caption

No Subfigures, Stretched Caption

Horizontal Subfigures, Unstretched Figure

Horizontal Subfigures, Stretched Figure

Vertical Subfigures, Unstretched Figure

Vertical Subfigures, Stretched Figure

TABLE attributes

frame

colsep, rowsep

orient, pgwide

TGROUP attributes

colsep, rowsep

align, char, charoff

COLSPEC attributes

colwidth