Skip to content
Back to top

# Stories

The `storytest.c` example uses the Story API to create a document using an HTML template and save it as a PDF.

    #include "mupdf/fitz.h"
    #include "mupdf/pdf.h"

    #include <string.h>
    #include <memory.h>

    const char snark[] =
    	"<!DOCTYPE html>"
    	"<style>"
    	"#a { margin: 30px; }"
    	"#b { margin: 20px; }"
    	"#c { margin: 5px; }"
    	"#a { border: 1px solid red; }"
    	"#b { border: 1px solid green; }"
    	"#c { border: 1px solid blue; }"
    	"</style>"
    	"<body>"
    	"<div id=\"a\">"
    	"A"
    	"</div>"
    	"<div id=\"b\">"
    	"<div id=\"c\">"
    	"C"
    	"</div>"
    	"</div>"
    	"<div style=\"text-align:center;\"><IMG width=\"300\" src=\"docs/examples/SnarkFront.svg\"></div>"
    	"<H1>The hunting of the Snark</H1>"
    	"<div style=\"text-align:center\"><IMG width=\"30\" src=\"docs/examples/huntingofthesnark.png\"></div>"
    	"<p>\"Just the place for a Snark!\" the Bellman cried,<br>"
    	"As he landed his crew with care;<br>"
    	"Supporting each man on the top of the tide<br>"
    	"By a finger entwined in his hair.</p>"

    	"<P>Just the place for a Snark! I have said it twice:<br>"
    	"That alone should encourage the crew.<br>"
    	"Just the place for a Snark! I have said it thrice:<br>"
    	"What I tell you three times is true.</p>"

    	"<p>The crew was complete: it included a Boots-<br>"
    	"A maker of Bonnets and Hoods-<br>"
    	"A Barrister, brought to arrange their disputes-<br>"
    	"And a Broker, to value their goods.</p>"

    	"<p>A Billiard-marker, whose skill was immense,<br>"
    	"Might perhaps have won more than his share-<br>"
    	"But a Banker, engaged at enormous expense,<br>"
    	"Had the whole of their cash in his care.</p>"

    	"<p>There was also a Beaver, that paced on the deck,<br>"
    	"Or would sit making lace in the bow:<br>"
    	"And had often (the Bellman said) saved them from wreck,<br>"
    	"Though none of the sailors knew how.</p>"

    	"<p>There was one who was famed for the number of things<br>"
    	"He forgot when he entered the ship:<br>"
    	"His umbrella, his watch, all his jewels and rings,<br>"
    	"And the clothes he had bought for the trip.</p>"
    	"<div id=\"a\">"
    	"<p>He had forty-two boxes, all carefully packed,<br>"
    	"With his name painted clearly on each:<br>"
    	"But, since he omitted to mention the fact,<br>"
    	"They were all left behind on the beach.</p>"
    	"</div>"

    	"<p>The loss of his clothes hardly mattered, because<br>"
    	"He had seven coats on when he came,<br>"
    	"With three pair of boots-but the worst of it was,<br>"
    	"He had wholly forgotten his name.</p>"

    	"<p>He would answer to \"Hi!\" or to any loud cry,<br>"
    	"Such as \"Fry me!\" or \"Fritter my wig!\"<br>"
    	"To \"What-you-may-call-um!\" or \"What-was-his-name!\"<br>"
    	"But especially \"Thing-um-a-jig!\"</p>"

    	"<p>While, for those who preferred a more forcible word,<br>"
    	"He had different names from these:<br>"
    	"His intimate friends called him \"Candle-ends,\"<br>"
    	"And his enemies \"Toasted-cheese.\"</p>"

    	"<p>\"His form is ungainly-his intellect small-\"<br>"
    	"(So the Bellman would often remark)<br>"
    	"\"But his courage is perfect! And that, after all,<br>"
    	"Is the thing that one needs with a Snark.\"</p>"

    	"<p>He would joke with hyenas, returning their stare<br>"
    	"With an impudent wag of the head:<br>"
    	"And he once went a walk, paw-in-paw, with a bear,<br>"
    	"\"Just to keep up its spirits,\" he said.</p>"

    	"<p>He came as a Baker: but owned, when too late-<br>"
    	"And it drove the poor Bellman half-mad-<br>"
    	"He could only bake Bride-cake-for which, I may state,<br>"
    	"No materials were to be had.</p>"

    	"<p>The last of the crew needs especial remark,<br>"
    	"Though he looked an incredible dunce:<br>"
    	"He had just one idea-but, that one being \"Snark,\"<br>"
    	"The good Bellman engaged him at once.</p>"

    	"<p>He came as a Butcher: but gravely declared,<br>"
    	"When the ship had been sailing a week,<br>"
    	"He could only kill Beavers. The Bellman looked scared,<br>"
    	"And was almost too frightened to speak:</p>"

    	"<p>But at length he explained, in a tremulous tone,<br>"
    	"There was only one Beaver on board;<br>"
    	"And that was a tame one he had of his own,<br>"
    	"Whose death would be deeply deplored.</p>"

    	"<div id=\"b\">"
    	"<p>The Beaver, who happened to hear the remark,<br>"
    	"Protested, with tears in its eyes,<br>"
    	"That not even the rapture of hunting the Snark<br>"
    	"Could atone for that dismal surprise!</p>"
    	"</div>"

    	"<p style=\"-mupdf-leading:7pt;\">It strongly advised that the Butcher should be<br>"
    	"Conveyed in a separate ship:<br>"
    	"But the Bellman declared that would never agree<br>"
    	"With the plans he had made for the trip:</p>"

    	"<p style=\"-mupdf-leading:11pt;\">Navigation was always a difficult art,<br>"
    	"Though with only one ship and one bell:<br>"
    	"And he feared he must really decline, for his part,<br>"
    	"Undertaking another as well.</p>"

    	"<p style=\"-mupdf-leading:15pt;\">The Beaver's best course was, no doubt, to procure<br>"
    	"A second-hand dagger-proof coat-<br>"
    	"So the Baker advised it-and next, to insure<br>"
    	"Its life in some Office of note:</p>"

    	"<p style=\"-mupdf-leading:20pt;\">This the Banker suggested, and offered for hire<br>"
    	"(On moderate terms), or for sale,<br>"
    	"Two excellent Policies, one Against Fire,<br>"
    	"And one Against Damage From Hail.</p>"

    	"<p style=\"-mupdf-leading:30pt;\">Yet still, ever after that sorrowful day,<br>"
    	"Whenever the Butcher was by,<br>"
    	"The Beaver kept looking the opposite way,<br>"
    	"And appeared unaccountably shy.</p>"
    ;

    #define MAX_CAST_MEMBERS 32

    typedef struct {
    	const char *title;
    	const char *director;
    	const char *year;
    	const char *cast[MAX_CAST_MEMBERS];
    } film_t;

    static const film_t films[] =
    {
    	{
    		"Pulp Fiction",
    		"Quentin Tarantino",
    		"1994",
    		{
    			"John Travolta",
    			"Samuel L Jackson",
    			"Uma Thurman",
    			"Bruce Willis",
    			"Ving Rhames",
    			"Harvey Keitel",
    			"Tim Roth",
    			"Bridget Fonda"
    		}
    	},

    	{
    		"The Usual Suspects",
    		"Bryan Singer",
    		"1995",
    		{
    			"Kevin Spacey",
    			"Gabriel Byrne",
    			"Chazz Palminteri",
    			"Benicio Del Toro",
    			"Kevin Pollak",
    			"Pete Postlethwaite",
    			"Steven Baldwin"
    		}

    	},

    	{
    		"Fight Club",
    		"David Fincher",
    		"1999",
    		{
    			"Brad Pitt",
    			"Edward Norton",
    			"Helena Bonham Carter"
    		}
    	}
    };

    const char *festival_template =
    	"<html><head><title>Why do we have a title? Why not?</title></head>"
    	"<body><h1 style=\"text-align:center\">Hook Norton Film Festival</h1>"
    	"<ol>"
    	"<li id=\"filmtemplate\">"
    	"<b id=\"filmtitle\"></b>"
    	"<dl>"
    	"<dt>Director<dd id=\"director\">"
    	"<dt>Release Year<dd id=\"filmyear\">"
    	"<dt>Cast<dd id=\"cast\">"
    	"</dl>"
    	"</li>"
    	"<ul>"
    	"</body></html";

    static int toc_rectfn(fz_context *ctx, void *ref, int num, fz_rect filled, fz_rect *rect, fz_matrix *ctm, fz_rect *mediabox)
    {
    	if (num == 0)
    	{
    		rect->x0 = 100;
    		rect->y0 = 200;
    		rect->x1 = 175;
    		rect->y1 = 300;
    	}
    	else
    	{
    		rect->x0 = 10;
    		rect->y0 = 50;
    		rect->x1 = 290;
    		rect->y1 = 350;
    	}
    	mediabox->x0 = 0;
    	mediabox->y0 = 0;
    	mediabox->x1 = 300;
    	mediabox->y1 = 400;
    	return 1;
    }

    static void toc_contentfn(fz_context *ctx, void *ref, const fz_write_story_positions *positions, fz_buffer *buffer)
    {
    	int i;
    	fz_append_string(ctx, buffer,
    			"<!DOCTYPE html>\n"
    			"<style>\n"
    			"#a { margin: 30px; }\n"
    			"#b { margin: 20px; }\n"
    			"#c { margin: 5px; }\n"
    			"#a { border: 1px solid red; }\n"
    			"#b { border: 1px solid green; }\n"
    			"#c { border: 1px solid blue; }\n"
    			"</style>\n"
    			"<body>\n"
    			"<h2>Contents</h2>\n"
    			"<ol>\n"
    			);
    	for (i=0; i<positions->num; ++i)
    	{
    		fz_write_story_position *position = &positions->positions[i];

    		fz_append_printf(ctx, buffer,
    				"	<li>page=%i depth=%i heading=%i id='%s' rect=(%f %f %f %f) text='<b>%s</b>' open_close=%i\n",
    				position->page_num,
    				position->element.depth,
    				position->element.heading,
    				(position->element.id) ? position->element.id : "",
    				position->element.rect.x0,
    				position->element.rect.y0,
    				position->element.rect.x1,
    				position->element.rect.y1,
    				(position->element.text) ? position->element.text : "",
    				position->element.open_close
    				);
    	}
    	fz_append_string(ctx, buffer, "</ol>\n");
    	fz_append_string(ctx, buffer,
    			"<h1>Section the first</h1>\n"
    			"<p>Blah.\n"
    			"<h1>Section the second</h1>\n"
    			"<p>Blah blah.\n"
    			"<h2>Subsection</h2>\n"
    			"<p>Blah blah blah.\n"
    			"<p>Blah blah blah.\n"
    			"<p>Blah blah blah.\n"
    			"<h1>Section the third</h1>\n"
    			"<p>Blah blah.\n"
    			"</body>\n"
    			);
    	{
    		const char *data = fz_string_from_buffer(ctx, buffer);
    		printf( "======== Html content: ========\n");
    		printf( "%s", data);
    		printf( "========\n");
    	}
    }

    static void toc_pagefn(fz_context *ctx, void *ref, int page_num, fz_rect mediabox, fz_device *dev, int after)
    {
    	fz_path *path = fz_new_path(ctx);
    	fz_matrix ctm = fz_identity;
    	printf("toc_pagefn(): ref=%p page_num=%i dev=%p after=%i\n", ref, page_num, dev, after);
    	if (after)
    	{
    		float rgb[3] = { 0.75, 0.25, 0.125};
    		fz_moveto(ctx, path, 50, 50);
    		fz_lineto(ctx, path, 100, 200);
    		fz_lineto(ctx, path, 50, 200);
    		fz_closepath(ctx, path);
    		fz_fill_path(ctx, dev, path, 0, ctm, fz_device_rgb(ctx), rgb, 0.9f /*alpha*/, fz_default_color_params);
    		fz_drop_path(ctx, path);
    	}
    	else
    	{
    		float rgb[3] = { 0.125, 0.25, 0.75};
    		fz_moveto(ctx, path, 50, 50);
    		fz_lineto(ctx, path, 50, 200);
    		fz_lineto(ctx, path, 100, 50);
    		fz_closepath(ctx, path);
    		fz_fill_path(ctx, dev, path, 0, ctm, fz_device_rgb(ctx), rgb, 0.9f /*alpha*/, fz_default_color_params);
    		fz_drop_path(ctx, path);
    	}
    }

    static void test_write_stabilized_story(fz_context *ctx)
    {
    	fz_document_writer *writer = fz_new_pdf_writer(ctx, "out_toc.pdf", "");
    	fz_write_stabilized_story(
    			ctx,
    			writer,
    			"" /*user_css*/,
    			11 /*em*/,
    			toc_contentfn,
    			NULL /*contentfn_ref*/,
    			toc_rectfn,
    			NULL /*rectfn_ref*/,
    			toc_pagefn /*pagefn*/,
    			NULL /*pagefn_ref*/,
    			NULL /* archive */
    			);
    	fz_close_document_writer(ctx, writer);
    	fz_drop_document_writer(ctx, writer);
    }

    static void
    test_story(fz_context *ctx, const char *filename, const char *options, const char *storytext)
    {
    	fz_document_writer *writer = NULL;
    	fz_story *story = NULL;
    	fz_buffer *buf = NULL;
    	fz_device *dev = NULL;
    	fz_archive *archive = NULL;
    	fz_rect mediabox = { 0, 0, 512, 640 };
    	float margin = 10;
    	int more;

    	fz_var(writer);
    	fz_var(story);
    	fz_var(buf);
    	fz_var(dev);
    	fz_var(archive);

    	fz_try(ctx)
    	{
    		writer = fz_new_pdf_writer(ctx, filename, options);

    		buf = fz_new_buffer_from_copied_data(ctx, (unsigned char *)storytext, strlen(storytext)+1);

    		archive = fz_open_directory(ctx, ".");

    		story = fz_new_story(ctx, buf, "", 11, archive);

    		do
    		{
    			fz_rect where;
    			fz_rect filled;

    			where.x0 = mediabox.x0 + margin;
    			where.y0 = mediabox.y0 + margin;
    			where.x1 = mediabox.x1 - margin;
    			where.y1 = mediabox.y1 - margin;

    			dev = fz_begin_page(ctx, writer, mediabox);

    			more = fz_place_story(ctx, story, where, &filled);

    			fz_draw_story(ctx, story, dev, fz_identity);

    			fz_end_page(ctx, writer);
    		}
    		while (more);

    		fz_close_document_writer(ctx, writer);
    	}
    	fz_always(ctx)
    	{
    		fz_drop_story(ctx, story);
    		fz_drop_buffer(ctx, buf);
    		fz_drop_document_writer(ctx, writer);
    		fz_drop_archive(ctx, archive);
    	}
    	fz_catch(ctx)
    	{
    		fz_report_error(ctx);
    	}
    }

    static void
    test_positions(fz_context *ctx)
    {
    	const char *pos_static =
    		"<!DOCTYPE html><html><head><style>\n"
    		"div.test {\n"
    		"  width: 400px;\n"
    		"  border: 3px solid #808080;\n"
    		"}\n"
    		"p.test {\n"
    		"  top: 10px;"
    		"  left: 20px;"
    		"}\n"
    		"p.test2 {\n"
    		"  bottom: 10px;"
    		"  right: 20px;"
    		"}\n"
    		"</style></head><body>\n"
    		"<div class=\"test\">"
    		"<p>This is text 1.</p>\n"
    		"<p>This is text 2.</p>\n"
    		"<p class=\"test\">This is text 3 (static).</p>\n"
    		"<p>This is text 4.</p>\n"
    		"<p class=\"test2\">This is text 5 (static).</p>\n"
    		"<p>This is text 6.</p>\n"
    		"<p>This is text 7.</p>\n"
    		"</div>\n"
    		"</body></html>\n";

    	const char *pos_relative =
    		"<!DOCTYPE html><html><head><style>\n"
    		"div.test {\n"
    		"  width: 400px;\n"
    		"  border: 3px solid #808080;\n"
    		"}\n"
    		"p.reltest {\n"
    		"  position: relative;"
    		"  top: 10px;"
    		"  left: 20px;"
    		"}\n"
    		"p.reltest2 {\n"
    		"  position: relative;"
    		"  bottom: 10px;"
    		"  right: 20px;"
    		"}\n"
    		"</style></head><body>\n"
    		"<div class=\"test\">"
    		"<p>This is text 1.</p>\n"
    		"<p>This is text 2.</p>\n"
    		"<p class=\"reltest\">This is text 3 (relative).</p>\n"
    		"<p>This is text 4.</p>\n"
    		"<p class=\"reltest2\">This is text 5 (relative).</p>\n"
    		"<p>This is text 6.</p>\n"
    		"<p>This is text 7.</p>\n"
    		"</div>\n"
    		"</body></html>\n";

    	const char *pos_fixed =
    		"<!DOCTYPE html><html><head><style>\n"
    		"div.test {\n"
    		"  width: 400px;\n"
    		"  border: 3px solid #808080;\n"
    		"}\n"
    		"p.fixedtest {\n"
    		"  position: fixed;"
    		"  top: 10px;"
    		"  left: 20px;"
    		"}\n"
    		"p.fixedtest2 {\n"
    		"  position: fixed;"
    		"  bottom: 10px;"
    		"  right: 20px;"
    		"}\n"
    		"</style></head><body>\n"
    		"<div class=\"test\">"
    		"<p>This is text 1.</p>\n"
    		"<p>This is text 2.</p>\n"
    		"<p class=\"fixedtest\">This is text 3 (fixed).</p>\n"
    		"<p>This is text 4.</p>\n"
    		"<p class=\"fixedtest2\">This is text 5 (fixed).</p>\n"
    		"<p>This is text 6.</p>\n"
    		"<p>This is text 7.</p>\n"
    		"</div>\n"
    		"</body></html>\n";

    	const char *pos_absolute =
    		"<!DOCTYPE html><html><head><style>\n"
    		"div.top {\n"
    		"  width: 400px;\n"
    		"  border: 3px solid #808080;\n"
    		"}\n"
    		"div.inner {\n"
    		"  position: relative;\n"
    		"  width: 300px;\n"
    		"  border: 3px solid #808080;\n"
    		"}\n"
    		"p.absolutetest {\n"
    		"  position: absolute;"
    		"  top: 10px;"
    		"  left: 20px;"
    		"}\n"
    		"p.absolutetest2 {\n"
    		"  position: absolute;"
    		"  bottom: 10px;"
    		"  right: 20px;"
    		"}\n"
    		"</style></head><body>\n"
    		"<div class=\"top\">"
    		"<p>This is text 1.</p>\n"
    		"<p>This is text 2.</p>\n"
    		"<div class=\"inner\">\n"
    		"<p class=\"absolutetest\">This is text 3 (absolute).</p>\n"
    		"</div>\n"
    		"<p>This is text 4.</p>\n"
    		"<div class=\"inner\">\n"
    		"<p class=\"absolutetest2\">This is text 5 (absolute).</p>\n"
    		"</div>\n"
    		"<p>This is text 6.</p>\n"
    		"<p>This is text 7.</p>\n"
    		"</div>\n"
    		"</body></html>\n";

    	const char *pos_fixed_sizes =
    		"<!DOCTYPE html><html><head><style>"
    		"div.test {"
    		"  position: relative;"
    		"  width: 450px;"
    		"  height: 450px;"
    		"  border: 3px solid #808080;"
    		"}"
    		"p.fltw {"
    		"  position: fixed;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  top: 20px;"
    		"  left: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.frtw {"
    		"  position: fixed;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  top: 20px;"
    		"  right: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.flbw {"
    		"  position: fixed;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  bottom: 20px;"
    		"  left: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.frbw {"
    		"  position: fixed;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  bottom: 20px;"
    		"  right: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.flt {"
    		"  position: fixed;"
    		"  top: 130px;"
    		"  left: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.frt {"
    		"  position: fixed;"
    		"  top: 130px;"
    		"  right: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.flb {"
    		"  position: fixed;"
    		"  bottom: 130px;"
    		"  left: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.frb {"
    		"  position: fixed;"
    		"  bottom: 130px;"
    		"  right: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"</style></head><body>"
    		"<div class=\"test\">"
    		"<p class=\"flt\">flt</p>"
    		"<p class=\"frt\">frt</p>"
    		"<p class=\"flb\">flb</p>"
    		"<p class=\"frb\">frb</p>"
    		"<p class=\"fltw\">fltw</p>"
    		"<p class=\"frtw\">frtw</p>"
    		"<p class=\"flbw\">flbw</p>"
    		"<p class=\"frbw\">frbw</p>"
    		"</div>"
    		"</body></html>";

    	const char *pos_absolute_sizes =
    		"<!DOCTYPE html><html><head><style>"
    		"div.test {"
    		"  position: relative;"
    		"  width: 450px;"
    		"  height: 450px;"
    		"  border: 3px solid #808080;"
    		"}"
    		"p.altw {"
    		"  position: absolute;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  top: 20px;"
    		"  left: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.artw {"
    		"  position: absolute;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  top: 20px;"
    		"  right: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.albw {"
    		"  position: absolute;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  bottom: 20px;"
    		"  left: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.arbw {"
    		"  position: absolute;"
    		"  width: 100px;"
    		"  height: 100px;"
    		"  bottom: 20px;"
    		"  right: 20px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.alt {"
    		"  position: absolute;"
    		"  top: 130px;"
    		"  left: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.art {"
    		"  position: absolute;"
    		"  top: 130px;"
    		"  right: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.alb {"
    		"  position: absolute;"
    		"  bottom: 130px;"
    		"  left: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"p.arb {"
    		"  position: absolute;"
    		"  bottom: 130px;"
    		"  right: 130px;"
    		"  border: 3px solid #800000;"
    		"}"
    		"</style></head><body>"
    		"<div class=\"test\">"
    		"<p class=\"altw\">altw</p>"
    		"<p class=\"artw\">artw</p>"
    		"<p class=\"albw\">albw</p>"
    		"<p class=\"arbw\">arbw</p>"
    		"<p class=\"alt\">alt</p>"
    		"<p class=\"art\">art</p>"
    		"<p class=\"alb\">alb</p>"
    		"<p class=\"arb\">arb</p>"
    		"</div>"
    		"</body></html>";

    	test_story(ctx, "pos_fixed_sizes.pdf", "", pos_fixed_sizes);

    	test_story(ctx, "pos_absolute_sizes.pdf", "", pos_absolute_sizes);

    	test_story(ctx, "pos_static.pdf", "", pos_static);

    	test_story(ctx, "pos_relative.pdf", "", pos_relative);

    	test_story(ctx, "pos_fixed.pdf", "", pos_fixed);

    	test_story(ctx, "pos_absolute.pdf", "", pos_absolute);
    }

    static void
    test_tables(fz_context *ctx)
    {
    	const char *tables =
    		"<!DOCTYPE html><html><head><style>\n"
    		"div.test {\n"
    		"  width: 450px;\n"
    		"  height: 450px;"
    		"  border: 3px solid #808080;\n"
    		"}\n"
    		"td {"
    		"  border: 1px solid #800000;"
    		"}"
    		"</style></head><body>\n"
    		"<div class=\"test\">"
    		"<table>"
    		"<colgroup>"
    		"<col span=2 style=\"background-color: #80ffff; width: 100px;\">"
    		"</colgroup>"
    		"<tr style=\"height: 100px;\">"
    		"<th>Head 1"
    		"<th>Head 2"
    		"<th width=150>Head 3"
    		"<th border=1>Head 4"
    		"<tr>"
    		"<td>Contents 1"
    		"<td>Contents 2"
    		"<td>Contents 3"
    		"<td>Contents 4"
    		"<tr height=75>"
    		"<td style=\"width: 50px\">Contents 5"
    		"<td width=\"75\">Contents 6"
    		"<td bgcolor=#ff8040>Contents 7"
    		"<td bgcolor=\"green\">Contents 8"
    		"</table>"
    		"</div>\n"
    		"</body></html>\n";

    	test_story(ctx, "tables.pdf", "", tables);
    }

    static void
    test_tablespans(fz_context *ctx)
    {
    	const char *tables =
    		"<!DOCTYPE html><html><head><style>\n"
    		"table, td, th {\n"
    		"  border: 1px solid #808080;\n"
    		"}\n"
    		"</style></head><body>\n"
    		"<p>Using attributes:</p>"
    		"<table>"
    		"<tr>"
    		"<td align=center colspan=2 style=\"border: 4px solid red\">A</td>"
    		"<td width=75>B</td>"
    		"<td align=right width=50>C</td>"
    		"</tr>"
    		"<tr>"
    		"<td valign=middle width=100 rowspan=2 style=\"border: 2px solid blue\">D</td>"
    		"<td colspan=3>E</td>"
    		"</tr>"
    		"<tr>"
    		"<td width=125>F</td>"
    		"<td align=center valign=bottom rowspan=2 colspan=2 style=\"border: 3px solid green\">G</td>"
    		"</tr>"
    		"<tr>"
    		"<td>H</td>"
    		"<td>I</td>"
    		"</tr>"
    		"</table>"
    		"<p>Using styles:</p>"
    		"<table>"
    		"<tr>"
    		"<td colspan=2 style=\"border: 4px solid red; text-align: center\">A</td>"
    		"<td style=\"width: 75px\">B</td>"
    		"<td style=\"width: 50px; text-align: right\">C</td>"
    		"</tr>"
    		"<tr>"
    		"<td rowspan=2 style=\"width: 100px; border: 2px solid blue; vertical-align: middle\">D</td>"
    		"<td colspan=3>E</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"width: 125px\">F</td>"
    		"<td rowspan=2 colspan=2 style=\"border: 3px solid green; text-align: center; vertical-align:bottom\">G</td>"
    		"</tr>"
    		"<tr>"
    		"<td>H</td>"
    		"<td>I</td>"
    		"</tr>"
    		"</table>"
    		"</div>\n"
    		"</body></html>\n";

    	test_story(ctx, "tablespan.pdf", "", tables);
    }

    static void
    test_tableborders(fz_context *ctx)
    {
    	const char *tables =
    		"<!DOCTYPE html><html><head><style>\n"
    		"table, td, th {\n"
    		"  border: 1px solid #808080;\n"
    		"}\n"
    		"</style></head><body>\n"
    		"<table>"
    		"<tr>"
    		"<td style=\"border: 8px outset #ff0000;\">F</td>"
    		"<td style=\"border: 8px outset #ee0000;\">E</td>"
    		"<td style=\"border: 8px outset #dd0000;\">D</td>"
    		"<td style=\"border: 8px outset #cc0000;\">C</td>"
    		"<td style=\"border: 8px outset #bb0000;\">B</td>"
    		"<td style=\"border: 8px outset #aa0000;\">A</td>"
    		"<td style=\"border: 8px outset #990000;\">9</td>"
    		"<td style=\"border: 8px outset #880000;\">8</td>"
    		"<td style=\"border: 8px outset #770000;\">7</td>"
    		"<td style=\"border: 8px outset #660000;\">6</td>"
    		"<td style=\"border: 8px outset #550000;\">5</td>"
    		"<td style=\"border: 8px outset #440000;\">4</td>"
    		"<td style=\"border: 8px outset #330000;\">3</td>"
    		"<td style=\"border: 8px outset #220000;\">2</td>"
    		"<td style=\"border: 8px outset #110000;\">1</td>"
    		"<td style=\"border: 8px outset #000000;\">0</td>"
    		"<td style=\"border: 8px #ff0000; border-style: none outset;\">F</td>"
    		"<td style=\"border: 8px #ff0000; border-style: outset none;\">F</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px inset #00ff00;\">F</td>"
    		"<td style=\"border: 8px inset #00ee00;\">E</td>"
    		"<td style=\"border: 8px inset #00dd00;\">D</td>"
    		"<td style=\"border: 8px inset #00cc00;\">C</td>"
    		"<td style=\"border: 8px inset #00bb00;\">B</td>"
    		"<td style=\"border: 8px inset #00aa00;\">A</td>"
    		"<td style=\"border: 8px inset #009900;\">9</td>"
    		"<td style=\"border: 8px inset #008800;\">8</td>"
    		"<td style=\"border: 8px inset #007700;\">7</td>"
    		"<td style=\"border: 8px inset #006600;\">6</td>"
    		"<td style=\"border: 8px inset #005500;\">5</td>"
    		"<td style=\"border: 8px inset #004400;\">4</td>"
    		"<td style=\"border: 8px inset #003300;\">3</td>"
    		"<td style=\"border: 8px inset #002200;\">2</td>"
    		"<td style=\"border: 8px inset #001100;\">1</td>"
    		"<td style=\"border: 8px inset #000000;\">0</td>"
    		"<td style=\"border: 8px #00ff00; border-style: none inset;\">F</td>"
    		"<td style=\"border: 8px #00ff00; border-style: inset none;\">F</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px ridge #0000ff;\">F</td>"
    		"<td style=\"border: 8px ridge #0000ee;\">E</td>"
    		"<td style=\"border: 8px ridge #0000dd;\">D</td>"
    		"<td style=\"border: 8px ridge #0000cc;\">C</td>"
    		"<td style=\"border: 8px ridge #0000bb;\">B</td>"
    		"<td style=\"border: 8px ridge #0000aa;\">A</td>"
    		"<td style=\"border: 8px ridge #000099;\">9</td>"
    		"<td style=\"border: 8px ridge #000088;\">8</td>"
    		"<td style=\"border: 8px ridge #000077;\">7</td>"
    		"<td style=\"border: 8px ridge #000066;\">6</td>"
    		"<td style=\"border: 8px ridge #000055;\">5</td>"
    		"<td style=\"border: 8px ridge #000044;\">4</td>"
    		"<td style=\"border: 8px ridge #000033;\">3</td>"
    		"<td style=\"border: 8px ridge #000022;\">2</td>"
    		"<td style=\"border: 8px ridge #000011;\">1</td>"
    		"<td style=\"border: 8px ridge #000000;\">0</td>"
    		"<td style=\"border: 8px #0000ff; border-style: none ridge;\">F</td>"
    		"<td style=\"border: 8px #0000ff; border-style: ridge none;\">F</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px groove #7800ff;\">F</td>"
    		"<td style=\"border: 8px groove #7000ee;\">E</td>"
    		"<td style=\"border: 8px groove #6800dd;\">D</td>"
    		"<td style=\"border: 8px groove #6000cc;\">C</td>"
    		"<td style=\"border: 8px groove #5800bb;\">B</td>"
    		"<td style=\"border: 8px groove #5000aa;\">A</td>"
    		"<td style=\"border: 8px groove #480099;\">9</td>"
    		"<td style=\"border: 8px groove #400088;\">8</td>"
    		"<td style=\"border: 8px groove #380077;\">7</td>"
    		"<td style=\"border: 8px groove #300066;\">6</td>"
    		"<td style=\"border: 8px groove #280055;\">5</td>"
    		"<td style=\"border: 8px groove #200044;\">4</td>"
    		"<td style=\"border: 8px groove #180033;\">3</td>"
    		"<td style=\"border: 8px groove #100022;\">2</td>"
    		"<td style=\"border: 8px groove #080011;\">1</td>"
    		"<td style=\"border: 8px groove #000000;\">0</td>"
    		"<td style=\"border: 8px #7800ff; border-style: none groove;\">F</td>"
    		"<td style=\"border: 8px #7800ff; border-style: groove none;\">F</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px double #ff7800;\">F</td>"
    		"<td style=\"border: 8px double #ee7000;\">E</td>"
    		"<td style=\"border: 8px double #dd6800;\">D</td>"
    		"<td style=\"border: 8px double #cc6000;\">C</td>"
    		"<td style=\"border: 8px double #bb5800;\">B</td>"
    		"<td style=\"border: 8px double #aa5000;\">A</td>"
    		"<td style=\"border: 8px double #994800;\">9</td>"
    		"<td style=\"border: 8px double #884000;\">8</td>"
    		"<td style=\"border: 8px double #773800;\">7</td>"
    		"<td style=\"border: 8px double #663000;\">6</td>"
    		"<td style=\"border: 8px double #552800;\">5</td>"
    		"<td style=\"border: 8px double #442000;\">4</td>"
    		"<td style=\"border: 8px double #331800;\">3</td>"
    		"<td style=\"border: 8px double #221000;\">2</td>"
    		"<td style=\"border: 8px double #110800;\">1</td>"
    		"<td style=\"border: 8px double #000000;\">0</td>"
    		"<td style=\"border: 8px #ff7800; border-style: none double;\">F</td>"
    		"<td style=\"border: 8px #ff7800; border-style: double none;\">F</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px solid #ff0078;\">F</td>"
    		"<td style=\"border: 8px solid #ee0070;\">E</td>"
    		"<td style=\"border: 8px solid #dd0068;\">D</td>"
    		"<td style=\"border: 8px solid #cc0060;\">C</td>"
    		"<td style=\"border: 8px solid #bb0058;\">B</td>"
    		"<td style=\"border: 8px solid #aa0050;\">A</td>"
    		"<td style=\"border: 8px solid #990048;\">9</td>"
    		"<td style=\"border: 8px solid #880040;\">8</td>"
    		"<td style=\"border: 8px solid #770038;\">7</td>"
    		"<td style=\"border: 8px solid #660030;\">6</td>"
    		"<td style=\"border: 8px solid #550028;\">5</td>"
    		"<td style=\"border: 8px solid #440020;\">4</td>"
    		"<td style=\"border: 8px solid #330018;\">3</td>"
    		"<td style=\"border: 8px solid #220010;\">2</td>"
    		"<td style=\"border: 8px solid #110008;\">1</td>"
    		"<td style=\"border: 8px solid #000000;\">0</td>"
    		"<td style=\"border: 8px #ff0078; border-style: none solid;\">F</td>"
    		"<td style=\"border: 8px #ff0078; border-style: solid none;\">F</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px dashed #00ff78;\">F</td>"
    		"<td style=\"border: 8px dashed #00ee70;\">E</td>"
    		"<td style=\"border: 8px dashed #00dd68;\">D</td>"
    		"<td style=\"border: 8px dashed #00cc60;\">C</td>"
    		"<td style=\"border: 8px dashed #00bb58;\">B</td>"
    		"<td style=\"border: 8px dashed #00aa50;\">A</td>"
    		"<td style=\"border: 8px dashed #009948;\">9</td>"
    		"<td style=\"border: 8px dashed #008840;\">8</td>"
    		"<td style=\"border: 8px dashed #007738;\">7</td>"
    		"<td style=\"border: 8px dashed #006630;\">6</td>"
    		"<td style=\"border: 8px dashed #005528;\">5</td>"
    		"<td style=\"border: 8px dashed #004420;\">4</td>"
    		"<td style=\"border: 8px dashed #003318;\">3</td>"
    		"<td style=\"border: 8px dashed #002210;\">2</td>"
    		"<td style=\"border: 8px dashed #001108;\">1</td>"
    		"<td style=\"border: 8px dashed #000000;\">0</td>"
    		"<td style=\"border: 8px #00ff78; border-style: none dashed;\">F</td>"
    		"<td style=\"border: 8px #00ff78; border-style: dashed none;\">F</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px dotted #ffffff;\">F</td>"
    		"<td style=\"border: 8px dotted #eeeeee;\">E</td>"
    		"<td style=\"border: 8px dotted #dddddd;\">D</td>"
    		"<td style=\"border: 8px dotted #cccccc;\">C</td>"
    		"<td style=\"border: 8px dotted #bbbbbb;\">B</td>"
    		"<td style=\"border: 8px dotted #aaaaaa;\">A</td>"
    		"<td style=\"border: 8px dotted #999999;\">9</td>"
    		"<td style=\"border: 8px dotted #888888;\">8</td>"
    		"<td style=\"border: 8px dotted #777777;\">7</td>"
    		"<td style=\"border: 8px dotted #666666;\">6</td>"
    		"<td style=\"border: 8px dotted #555555;\">5</td>"
    		"<td style=\"border: 8px dotted #444444;\">4</td>"
    		"<td style=\"border: 8px dotted #333333;\">3</td>"
    		"<td style=\"border: 8px dotted #222222;\">2</td>"
    		"<td style=\"border: 8px dotted #111111;\">1</td>"
    		"<td style=\"border: 8px dotted #000000;\">0</td>"
    		"<td style=\"border: 8px #888888; border-style: none dotted;\">F</td>"
    		"<td style=\"border: 8px #888888; border-style: dotted none;\">F</td>"
    		"</tr>"
    		"</table>"
    		"<table>"
    		"<tr>"
    		"<td style=\"border: 2px dashed\">Some</td>"
    		"<td style=\"border: 2px dashed\">longer</td>"
    		"<td style=\"border: 2px dashed\">wi-----der</td>"
    		"<td style=\"border: 2px dashed\">cells..............</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 2px dotted\">Some</td>"
    		"<td style=\"border: 2px dotted\">longer</td>"
    		"<td style=\"border: 2px dotted\">wi-----der</td>"
    		"<td style=\"border: 2px dotted\">cells..............</td>"
    		"</tr>"
    		"</table>"
    		"</div>\n"
    		"</body></html>\n";

    	test_story(ctx, "tableborders.pdf", "", tables);
    }

    static void
    test_tableborderwidths(fz_context *ctx)
    {
    	const char *tables =
    		"<!DOCTYPE html><html><head><style>\n"
    		"td, th {\n"
    		"  border: 1px solid black;\n"
    		"}\n"
    		"</style></head><body>\n"
    		"<table>"
    		"<tr>"
    		"<td style=\"border: 1px #ff0000; border-style: solid; background-color: blue\">1</td>"
    		"<td style=\"border: 2px #ff0000; border-style: solid\">2</td>"
    		"<td style=\"border: 3px #ff0000; border-style: solid\">3</td>"
    		"<td style=\"border: 4px #ff0000; border-style: solid\">4</td>"
    		"<td style=\"border: 5px #ff0000; border-style: solid\">5</td>"
    		"<td style=\"border: 6px #ff0000; border-style: solid\">6</td>"
    		"<td style=\"border: 7px #ff0000; border-style: solid\">7</td>"
    		"<td style=\"border: 8px #ff0000; border-style: solid\">8</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 8px #ff0000; border-style: solid\">8</td>"
    		"<td style=\"border: 7px #ff0000; border-style: solid\">7</td>"
    		"<td style=\"border: 6px #ff0000; border-style: solid\">6</td>"
    		"<td style=\"border: 5px #ff0000; border-style: solid\">5</td>"
    		"<td style=\"border: 4px #ff0000; border-style: solid\">4</td>"
    		"<td style=\"border: 3px #ff0000; border-style: solid\">3</td>"
    		"<td style=\"border: 2px #ff0000; border-style: solid\">2</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"<td style=\"border: 1px #ff0000; border-style: solid\">1</td>"
    		"</tr>"
    		"</table>"
    		"<table>"
    		"<tr>"
    		"<td style=\"border-width: 1px; background-color: blue\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"borde-widthr: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"borde-widthr: 7px\">7</td>"
    		"<td style=\"borde-widthr: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"borde-widthr: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"borde-widthr: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"borde-widthr: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"</tr>"
    		"</table>"
    		"</div>\n"
    		"</body></html>\n";

    	test_story(ctx, "tableborderwidths.pdf", "", tables);
    }

    static void
    test_tablebordercollapse(fz_context *ctx)
    {
    	const char *tables =
    		"<!DOCTYPE html><html><head><style>\n"
    		"td, th {\n"
    		"  border: 1px solid black;\n"
    		"}\n"
    		"</style></head><body>\n"
    		"<table style=\"border-collapse:collapse\">"
    		"<tr>"
    		"<td style=\"border-width: 1px; background-color: blue\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"</tr>"
    		"<tr>"
    		"<td style=\"border-width: 8px\">8</td>"
    		"<td style=\"border-width: 1px\">1</td>"
    		"<td style=\"border-width: 2px\">2</td>"
    		"<td style=\"border-width: 3px\">3</td>"
    		"<td style=\"border-width: 4px\">4</td>"
    		"<td style=\"border-width: 5px\">5</td>"
    		"<td style=\"border-width: 6px\">6</td>"
    		"<td style=\"border-width: 7px\">7</td>"
    		"</tr>"
    		"</table>"
    		"</div>\n"
    		"</body></html>\n";

    	test_story(ctx, "tablebordercollapse.pdf", "", tables);
    }

    static void
    test_tablewidths(fz_context *ctx)
    {
    	const char *tables =
    		"<!DOCTYPE html><html><head><style>\n"
    		"table, td, th {\n"
    		"  border: 1px solid #808080;\n"
    		"}\n"
    		"</style></head><body>\n"
    		"<table>"
    		"<tr>"
    		"<td>un</td>"
    		"<td>widthed</td>"
    		"<td>table</td>"
    		"</tr>"
    		"</table>"
    		"<table width=10%>"
    		"<tr>"
    		"<td>10</td>"
    		"<td>%</td>"
    		"<td>table</td>"
    		"</tr>"
    		"</table>"
    		"<table width=50%>"
    		"<tr>"
    		"<td>50</td>"
    		"<td>%</td>"
    		"<td>table</td>"
    		"</tr>"
    		"</table>"
    		"<table width=90%>"
    		"<tr>"
    		"<td>90</td>"
    		"<td>%</td>"
    		"<td>table</td>"
    		"</tr>"
    		"</table>"
    		"<table width=100%>"
    		"<tr>"
    		"<td>100</td>"
    		"<td>%</td>"
    		"<td>table</td>"
    		"</tr>"
    		"</table>"
    		"</div>\n"
    		"</body></html>\n";

    	test_story(ctx, "tablewidths.pdf", "", tables);
    }

    static void
    test_leftright(fz_context *ctx)
    {
    	const char *leftright =
    		"<!DOCTYPE html><html><head><style>\n"
    		"div.test {\n"
    		"  width: 450px;\n"
    		"  height: 450px;"
    		"  border: 3px solid #808080;\n"
    		"}\n"
    		"td {"
    		"  border: 1px solid #800000;"
    		"}"
    		"</style></head><body>\n"
    		"<p>Right. No gap.</p>"
    		// right -> left before
    		"<p style=\"page-break-before: left\">Left. Then gap.</p>"
    		// left -> left before
    		"<p style=\"page-break-before: left\">Left.</p>"
    		// left -> right before
    		"<p style=\"page-break-before: right\">No gap. Right.</p>"
    		// right -> right before
    		"<p style=\"page-break-before: right\">Gap. Right.</p>"
    		// right -> right after
    		"<p style=\"page-break-after: right\">Same page.</p>"
    		// right -> left after
    		"<p style=\"page-break-after: left\">Gap. Right.</p>"
    		// left -> left after
    		"<p style=\"page-break-after: left\">No Gap. Left.</p>"
    		// left- > right after
    		"<p style=\"page-break-after: right\">Gap. Left.</p>"
    		"<p>Right.</p>"
    		"</body></html>\n";

    	test_story(ctx, "leftright.pdf", "", leftright);
    }

    int main(int argc, const char *argv[])
    {
    	fz_context *ctx;
    	fz_document_writer *writer = NULL;
    	fz_story *story = NULL;
    	fz_buffer *buf = NULL;
    	fz_device *dev = NULL;
    	fz_archive *archive = NULL;
    	fz_rect mediabox = { 0, 0, 512, 640 };
    	float margin = 10;
    	int more;

    	ctx = fz_new_context(NULL, NULL, FZ_STORE_DEFAULT);
    	if (ctx == NULL)
    	{
    		fprintf(stderr, "Failed to create context");
    		return 1;
    	}

    	fz_var(writer);
    	fz_var(story);
    	fz_var(buf);
    	fz_var(dev);
    	fz_var(archive);

    	/* First one made with precooked content. */
    	test_story(ctx, "out.pdf", "", snark);

    	/* Now one made with programmatic content. */
    	writer = NULL;
    	buf = NULL;
    	story = NULL;
    	dev = NULL;

    	fz_try(ctx)
    	{
    		fz_xml *dom, *body, *tmp;

    		writer = fz_new_pdf_writer(ctx, "out2.pdf", "");

    		story = fz_new_story(ctx, NULL, "", 11, NULL);

    		dom = fz_story_document(ctx, story);

    		body = fz_dom_body(ctx, dom);

    		fz_dom_append_child(ctx, body, fz_dom_create_text_node(ctx, dom, "This is some text."));
    		tmp = fz_dom_create_element(ctx, dom, "b");
    		fz_dom_append_child(ctx, body, tmp);
    		fz_dom_append_child(ctx, tmp, fz_dom_create_text_node(ctx, dom, "This is some bold text."));
    		fz_dom_append_child(ctx, body, fz_dom_create_text_node(ctx, dom, "This is some normal text."));

    		do
    		{
    			fz_rect where;
    			fz_rect filled;

    			where.x0 = mediabox.x0 + margin;
    			where.y0 = mediabox.y0 + margin;
    			where.x1 = mediabox.x1 - margin;
    			where.y1 = mediabox.y1 - margin;

    			dev = fz_begin_page(ctx, writer, mediabox);

    			more = fz_place_story(ctx, story, where, &filled);

    			fz_draw_story(ctx, story, dev, fz_identity);

    			fz_end_page(ctx, writer);
    		}
    		while (more);

    		fz_close_document_writer(ctx, writer);
    	}
    	fz_always(ctx)
    	{
    		fz_drop_story(ctx, story);
    		fz_drop_buffer(ctx, buf);
    		fz_drop_document_writer(ctx, writer);
    	}
    	fz_catch(ctx)
    	{
    		fz_report_error(ctx);
    	}

    	/* Now a combination of the two. */
    	writer = NULL;
    	buf = NULL;
    	story = NULL;
    	dev = NULL;

    	fz_try(ctx)
    	{
    		fz_xml *dom, *body, *tmp, *templat;
    		int i, j;

    		writer = fz_new_pdf_writer(ctx, "out3.pdf", "");

    		buf = fz_new_buffer_from_copied_data(ctx, (unsigned char *)festival_template, strlen(festival_template)+1);
    		story = fz_new_story(ctx, buf, "", 11, NULL);

    		dom = fz_story_document(ctx, story);

    		body = fz_dom_body(ctx, dom);

    		templat = fz_dom_find(ctx, body, NULL, "id", "filmtemplate");

    		for (i = 0; i < nelem(films); i++)
    		{
    			fz_xml *film = fz_dom_clone(ctx, templat);

    			/* Now fill in some of the template. */
    			tmp = fz_dom_find(ctx, film, NULL, "id", "filmtitle");
    			fz_dom_append_child(ctx, tmp, fz_dom_create_text_node(ctx, dom, films[i].title));

    			tmp = fz_dom_find(ctx, film, NULL, "id", "director");
    			fz_dom_append_child(ctx, tmp, fz_dom_create_text_node(ctx, dom, films[i].director));

    			tmp = fz_dom_find(ctx, film, NULL, "id", "filmyear");
    			fz_dom_append_child(ctx, tmp, fz_dom_create_text_node(ctx, dom, films[i].year));

    			tmp = fz_dom_find(ctx, film, NULL, "id", "cast");
    			for (j = 0; j < MAX_CAST_MEMBERS; j++)
    			{
    				if (films[i].cast[j] == NULL)
    					break;
    				fz_dom_append_child(ctx, tmp, fz_dom_create_text_node(ctx, dom, films[i].cast[j]));
    				fz_dom_append_child(ctx, tmp, fz_dom_create_element(ctx, dom, "br"));
    			}

    			fz_dom_append_child(ctx, fz_dom_parent(ctx, templat), film);
    		}

    		/* Remove the template. */
    		fz_dom_remove(ctx, templat);

    		do
    		{
    			fz_rect where;
    			fz_rect filled;

    			where.x0 = mediabox.x0 + margin;
    			where.y0 = mediabox.y0 + margin;
    			where.x1 = mediabox.x1 - margin;
    			where.y1 = mediabox.y1 - margin;

    			dev = fz_begin_page(ctx, writer, mediabox);

    			more = fz_place_story(ctx, story, where, &filled);

    			fz_draw_story(ctx, story, dev, fz_identity);

    			fz_end_page(ctx, writer);
    		}
    		while (more);

    		fz_close_document_writer(ctx, writer);
    	}
    	fz_always(ctx)
    	{
    		fz_drop_story(ctx, story);
    		fz_drop_buffer(ctx, buf);
    		fz_drop_document_writer(ctx, writer);
    	}
    	fz_catch(ctx)
    	{
    		fz_report_error(ctx);
    	}

    	test_write_stabilized_story(ctx);

    	test_positions(ctx);

    	test_tables(ctx);

    	test_tablespans(ctx);

    	test_tablewidths(ctx);

    	test_tableborders(ctx);

    	test_tableborderwidths(ctx);

    	test_tablebordercollapse(ctx);

    	test_leftright(ctx);

    	fz_drop_context(ctx);

    	return 0;
    }