From DPWiki
Jump to: navigation, search

London, weekly, illustrated. Pages per issue variable, gradually increasing over the decades. Wikipedia article

Blanket clearance for pre-1923 issues: 20050323112602various

GutCutter, part of the GutWrench suite of PPing software tools, offers special help for PPing issues of Punch.


Regular Issues

Volume owners names are abbreviated. Some volumes have been scanned by the internet archive: completeness and quality of the images have not yet been checked. Status of each particular issue can be checked here.

Key: EH=EricHutton JI=Jon Ingram, JS=JulietS, LO=logista MF=Malcolm Farmer IA: page images at internet archive

    Volume  Year     Status                 Who has a copy:

     1      1841   All issues posted!
     2      1842   Available for scanning      LO
     3      1842   Available for scanning      LO

     9      1845  available for scanning       JS
     10     1846  available for scanning       JS
     11     1846  available for scanning       JS
     12     1847  available for scanning       LO 
     13     1847  available for scanning       JS, LO
     14     1848  available for scanning       LO 
     15     1848  available for scanning       LO 
     16     1849  available for scanning       EH
     17     1849  available for scanning       EH
     18     1850  available for scanning       JS
     19     1850  available for scanning       JS
     20     1851  available for scanning       JS
     21     1851  available for scanning       JS
     22     1852  available for scanning       JS
     23     1852  page images available        IA 

     25     1853  All issues posted!
     26     1854  All issues posted!           JI
     27     1854  being scanned                JI
     28     1855  available for scanning       JI
     29     1855  available for scanning       MF, IA
     30     1856  available for scanning       LO 
     31     1856  available for scanning       LO, IA 
     32     1857  available for scanning       LO 
     33     1857  available for scanning       LO, IA
     34     1858  available for scanning       EH
     35     1858  available for scanning       EH
     36     1859  available for scanning       JS
     37     1859  available for scanning       JS, IA
     38     1860  available for scanning       MF

     40     1861  available for scanning       MF
     42     1862  available for scanning       MF
     43     1862  available for scanning       MF

     46     1864  available for scanning       MF

     49     1865  available for scanning       MF
     50     1866  available for scanning       MF
     51     1866  available for scanning       MF
     52     1867  available for scanning       MF
     53     1867  available for scanning       EH, IA
     54     1868  available for scanning       EH, IA
     55     1868  available for scanning       EH, IA
     56     1869  available for scanning       EH, IA
     57     1869  available for scanning       EH, IA
     58     1870  available for scanning       EH
     59     1870  available for scanning       EH
     60     1871  available for scanning       EH
     61     1871  page images available        IA
     62     1872  scanned, in progress   MF, JS, IA
     63     1872  available for scanning       MF (last issue incomplete), IA
     64     1873  page images available        IA
     66     1874  available for scanning       JS
     67     1874  available for scanning       MF
     68     1875  available for scanning       MF
     69     1875  page images available        IA

     71     1876  available for scanning       JS, IA
     72     1877  available for scanning       MF, IA
     73     1877  available for scanning       JS, MF, IA
     74     1878  available for scanning       MF

     76     1879  available for scanning       JS
     77     1879  page images available        IA
     78     1880  available for scanning       JS
     79     1880  available for scanning       JS
     80     1881  available for scanning       EH
     81     1881  available for scanning       MF
     82     1882  available for scanning       EH
     83     1882  available for scanning       MF
     84     1883  available for scanning       JS, IA
     85     1883  available for scanning       JS, IA
     86     1884  available for scanning       JS
     87     1884  available for scanning       MF
     88     1885  available for scanning       JS, MF
     89     1885  available for scanning       JS
     90     1886  available for scanning       JS

     93     1887  in or waiting for post-processing         MF
     94     1888  available for scanning       MF (some individual issues missing), IA
     95     1888  available for scanning       MF (some individual issues missing), IA
     96     1889  page images available        IA
     97     1889  page images available        IA
     98     1890  All issues posted!            
     99     1890  All issues posted!
     100    1891  All issues posted!
     101    1891  All issues posted!
     102    1892  All issues posted!
     103    1892  All issues posted!
     104    1893  scanned, in progress               JS
     105    1893  being scanned               JS, MF, IA
     106    1894  available for scanning      JS
     107    1894  All issues posted! 
     108    1895  All issues posted!      MF, IA
     109    1895  in or waiting for post-processing      MF (one issue missing), IA   
     110    1896  available for scanning      JS, IA
     111    1896  available for scanning      JS, IA
     112    1897  available for scanning      MF, IA
     113    1897  page images available       IA
     114    1898  available for scanning      MF
     118    1900  page images available       MF (January-March only), IA (full volume)
     119    1900  page images available       IA
     120    1901  available for scanning      JI, IA
     121    1902  page images available       IA

     124    1903  page images available       IA
     125    1903  page images available       IA
     126    1904  available for scanning      JS, MF, IA
     127    1904  available for scanning      EH, IA
     128    1905  page images available       IA
     129    1905  page images available       IA
     130    1906  available for scanning      EH, IA
     131    1906  available for scanning      EH, IA
     132    1907  available for scanning      EH, IA
     133    1907  available for scanning      EH, JI (JI copy has some missing leaves), IA
     134    1908  available for scanning      EH, IA
     135    1908  available for scanning      EH, IA
     136    1909  available for scanning      EH, MF, IA
     137    1909  available for scanning      EH, MF, IA
     138    1910  available for scanning      EH, IA
     139    1910  available for scanning      EH, IA
     140    1911  available for scanning      EH, JS, IA
     141    1911  available for scanning      EH, IA
     142    1912  available for scanning      MF
     143    1912  available for scanning      MF
     144    1913  available for scanning      MF, IA
     145    1913  available for scanning      MF, IA
     146    1914  All issues posted! but Almanack 
     147    1914  All issues posted!
     148    1915  in progress           MF, IA
     149    1915  available for scanning      MF, IA
     150    1916  All issues posted! but Almanack 
     151    1916  available for scanning      JI, IA
     152    1917  All issues posted! 
     153    1917  All issues posted!     
     154    1918  available for scanning      JI, IA
     155    1918  available for scanning      JI, IA
     156    1919  All issues posted!
     157    1919  available for scanning      JI, IA
     158    1920  All issues posted!
     159    1920  All issues posted!
     160    1921  available for scanning      JI, MF
     161    1921  available for scanning      JI
     162    1922  available for scanning      MF, IA


1882  (MF has original, plus a 1982 reprint)

1886  MF
1887  MF
1890 Posted.  PG#45710
1894   MF
1909  MF

1914  in post processing 

1916  in post processing 

1917 Posted.  PG#13954

Miscellaneous special issues

Punch Among the Planets (Christmas 1890) PG #13244

Proofing and Formatting Guidelines

In the following section you can learn about the formatting template of Punch.

  • General remarks
    • There should be NO Chapter or Section headings denoted by 4 or 2 blank lines. Always put only one blank line, except after the Title;
    • Place the Title (see below) at the beginning of the first page only, followed by 4 blank lines;
    • All articles should be divided by a <tb> mark. Leave one blank line around the <tb> mark;
    • Format thought-breaks within Articles with a short line of asterisks, thus: * * *. This rule generally applies to the Charivaria, however;
    • Treat self-standing illustration (within its own frame) as an article, divided from other articles by a <tb> mark. If an illustration corresponds to some article, make a [** note] about it;
    • Avoid using bold markup! Format article and image titles as plain text (or italics if comes so);
    • Markup of question (?), exlamation (!) etc. marks should match the scan. This is the deviation from the Standard Guidelines.

  • Examples


No. Image Remarks
Correctly Formatted Text
1. Punch title volume.png The title of each issue consists of the Date and the Volume. The Date appears on the first page in the header and the Volume at the footer of the page (see image).

Format the title as presented followed by four blank lines. The title of the first article comes right after.


VOL. 107.

<sc>October 20, 1894.</sc>
| four blank lines

<tb> Thought-break

No. Image Remarks
Correctly Formatted Text
1. Punch articles separation.png Articles are divided by <tb> marks. Place the <tb> in front of every article or self standing image; also at the beginning of the page.

Each article is preceded by a <tb> mark, followed by a blank line. No <tb> mark comes at the end of the page.

Note the second line how colon : lies within italics markup to match the scan.

Make a note of poetry markup. The lines were broken due to the lack of space. They are properly reconnected.

If you inspect the beginning of the third article carefully, you can see that the word In is not in Small-Caps as it is the first word of the paragraph (by Standard Guidelines). Same with the word Ah in the beginning of the poem.



<i>Lady in Possession loquitur:</i>--

Ah, well! They keeps a rouging up, these papers, or a trying to,
But <i>I</i> don't think they'll oust us yet, as hobvious they're a-dying to.
Their <sc>Rogeberries</sc>, and their <sc>Haskwidges</sc> and <sc>'Erbert Gladstings</sc> 'urry up,
As per wire-pulling horders; and they tries to keep the flurry up,
But somehow it's a fizzle, like a fire as keeps on smouldery,
And the public, when they'd poke it up, looks chilly and cold-shouldery.


<sc>From the Birmingham Festival.</sc>--An
eminent musician sends us this note:--Nothing
Brummagem about the Birmingham
Festival. Dr. <sc>Parry's</sc> oratorio, <i>King Saul</i>,
a big success. Of course this subject has been
Handel'd before; but the composer of <i>King
Saul</i>, <i>Junior</i>, (so to be termed for sake of
distinction, and distinction it has certainly
attained,) need fear no com-parry-songs. Perhaps
another title might be, "<i>Le Roi Saul
à la mode de Parry</i>." (<i>Private, to Ed.</i>--Shall
be much pleased if you'll admit this as
a Parry-graph.)


In the course of conversation, the other
evening, Mrs. R. remembered that "The
Margarine" is a German title. "Isn't
there," she asked, "a Margarine of Hesse?"


<sc>Anti-fatness.</sc>--Excellent receipt for getting
thin. Back horses, and you will lose
many pounds in no time. (<i>Advice gratis by
one who has tried it.</i>) 


No. Image Remarks
Correctly Formatted Text
1. Punch italics.png Mainly italics markup follow the Standard Guidelines, here we place some exampels to ease the formatting.

There is often a story in scene in every Punch issue. When a character appears this is usually denoted by its name in italics and the mood of the talk in brackets.

Mark the name and the comment separately. Note that the exclamation mark in nice! is within italics to match the scan. (following the Standard Guidelines the punctuation would go outside here as only part of the sentence is in italics).

<i>Lady Lullington</i> (<i>absently</i>). A back view? How <i>nice!</i>


No. Image Remarks
Correctly Formatted Text
1. Punch small caps.png There is tons of Small-Caps <sc> markup in Punch. Inspect normal and caps letters carefully.

Note that the comment after the square bracket gets the new line with a pair of blockquotes /# #/ to attract the attention of the Post-Processor.


<sc>New Novel by the Author of "The Manxman."</sc>--<i>The

[<i>Not yet ready.</i>
2. Punch small caps first word.png Often the articles start with a Small-Caps word. Following the Standard Guidelines this word does not get the <sc> markup tag. However, if this word is a name or surname, it usualy is in small-caps. One should check the text for that.

Note the highlighted start of a poem. The word Little is the first word, so no Small-caps.

But Ah Sid is a name and therefore is in Small-Caps (as you can see also later in the poem).


LITTLE AH SID;[**illustration on the previous page]

<sc>Or the Chinee Boy and the Japanese
Butterfly Bumblebee.</sc>

<sc>Air</sc>--"<i>Little Ah Sid.</i>" (<i>With Apologies to
Mr. Louis Meyer.</i>)

    Little <sc>Ah Sid</sc>
    Was a lemon-faced kid,
With a visage as old as an ape's;
    Saffron son-of-a-gun,
    He was fond of his fun,
And much given to frolics and japes.
    Once in his way,
    As <sc>Ah Sid</sc> was at play,
A big bumblebee flew in the spring.
    "Jap butterfly!"
    Cried he, winking his eye;
"Me catchee and pull off um wing!"
3. Punch small caps es.png Include the contraction within the tag.
of which there are few signs. It is surely one of the
fallacies of a common philosophy of romance--a fallacy
much too crude for Mr. <sc>Cannan's</sc> unusually careful method--that
while this, that and the other relation, opening
delightfully, becomes sordid or impossible some final
4. Punch small caps initials.png Include the name initials within the tag.
avoidance of the <i>scène-à-faire</i>.
Incidentally also
it confirms me in my
opinion of <sc>M. Hamilton</sc>
as an author of origin-*
5. Punch small caps initials 2.png Include the name initials and the title within the tag.
No. 94. By Sir <sc>Thomas Laurence,
P.R.A.</sc> "<i>The bells are
a ringing for Sarah.</i>" Curtain
rises and <sc>Sarah</sc> steps forward
to sing.

No. 122. By <sc>Jacob Jordaens</sc>.
Splendid. "Try our stout,

No. 126. By <sc>J.M.W. Turner,
R.A.</sc> "<i>Snowstorm.</i>" Wonderful!!
But where was the artist
when he took it?

Blockquote /# #/

No. Image Remarks
Correctly Formatted Text
1. Punch block quote.png Blockquotes /# #/ mark the block of text that is somewhat different to the other text. It can differ in the size, font, etc. The text marked with blockquotes can be rewrapped; the lines in the final e-book can be of different length compared to the original lines.

In this case the writer's comments (marked by a single bracket [) are right aligned, as it is visible in the first instance, therefore they are surrounded by a pair of /# #/.

Note the last line where the name of character and his (mood) have saparate italics markup. Brackets are left out of markup.

<i>Clerk.</i> Quite so. Our Mayor's our leading jeweller, you know.
So, as you've put "Examined and Approved," shall we go in to
lunch? For a "cold collation on the occasion of the audit" our
Council always allows £10. It'll be rather a good feed.

[<i>Exeunt into banqueting apartment.</i>

II.--<sc>The New Way.</sc>

<i>Auditor.</i> Oh, what larks!

[<i>Subsides into a chair, and takes two minutes to recover from
his fit of merriment.</i>

<i>Clerk</i> (<i>surprised</i>). I really fail to see where the joke comes in.
2. Punch block quote2.png To save space the printer often placed short comments into a gap between two paragraphs. Move this comment to a new line and enclose it with a pair of blockquotes /# #/.

<i>The Bishop</i> (<i>to himself</i>). A crushing
blow for the Countess; but not unsalutary.
I am distinctly conscious of feeling
more kindly disposed to that young man.
Now why?

[<i>He ponders.</i>

<i>Lady Lullington</i> (<i>to herself</i>). I thought
this young man was going to read us some
of his poetry; it's too tiresome of him to
stop to tell us about his bull-dog. As if
anybody cared <i>what</i> he called it!


No. Image Remarks
Correctly Formatted Text

1. Punch poem.png The main task of a formatter concerning poems is to form complete verses into single lines and to implement a proper indentation.


Due to a lack of space, verses are often broken into two or more lines. You can recognise them by deeper indentation (in this scan indented by double indent, see poem; of November)

Sometimes an end of a verse is printed in a space right above or below it, denoted by a square bracket [ (highlighted red in the scan).

Join lines of one verse together and form one single line.

A rhyme could give you a hint on the pattern.


With indentation one should match the scan. Indent the lines by even number of spaces, usually 2, but beware of verses broken into several lines.



<i>On Lord Mayor's Day.</i>

Remember, remember, the Ninth of November!
  A civic procession you've got!
I know no reason why L. C. C. treason
  Should send the old custom to pot.
There is a great glamour about men in armour,
  Will London turn out all a-pant
At sound of the bugle to stare at <sc>Mcdougall</sc>,
  Or hear Mrs. <sc>Ormiston Chant</sc>?
Though city crowds hurtle to welcome the turtle,
  And shout at the Mayor and the mace;
What Council Committee will choke up the City
  With mobs and a smile on each face?
The old "panorama"'s a popular drama.
  An alderman <i>may</i> be a glutton;
But multitudes jog after <sc>Magog</sc> and <sc>Gog</sc>
  Who don't care a button for <sc>Hutton</sc>.
So remember, remember, the Ninth of November!
  A holiday glorious you've got;
But "unification" will rob the whole nation
Of one good old spree--which is rot!


No. Image Remarks
Correctly Formatted Text
1. Punch image with caption.png Following the Standard Guidelines, the image comes before or after the paragraph.
the future would be still further abbreviated. Here is a beautiful
specimen of blank--or Anthony Hope-less--dialogue:--


"!" exclaimed Miss <sc>Nelly Eaton</sc>, suddenly, with her quivering

"?" I asked with my right eyebrow,
rousing myself from a fit of abstraction.

She pointed at a young man who had just
strolled past our seats in the Row without
noticing her. He was dressed in the height
of fashion, and was accompanied by a lady
in very smart attire.

"..." explained <sc>Nelly</sc>, with her mouth
tightly shut.

I looked at her, and gathered by a swift
process of intuition that she had <i>made</i> that
boy, and taught him to drink and smoke--of
course, in moderation; had got his hair
cut, and had rescued him from an adventuress.
From her he had learnt not to go to Monday Pops, nor to
carry things about in brown paper--in fact, he owed everything to
her.... And now----!

[Illustration: "Taught him to smoke."]

"§" I visibly commented, not knowing for the moment how else
2. Punch self-standing image.png This is self standing illustration that has it's own frame.

Place a blank line, a <tb> tag and another blank line in front of the [Illustration] tag.

Note that the title is not bold.

Small-caps <sc> markups hold for the whole sentence, but quote marks " are left out of markup.

Word Volapuk is in italics.

If there would be an article about Volapuk somewhere, you may leave a note about it like: [** a Volapuk article on the previous page] as a help for Post-Processor to move this Illustration there.


[Illustration: COMPREHENSIVE.

"<sc>What's <i>Volapuk</i>, Doctor Schmitz?</sc>"

"<sc>It is ze Unifersal Langvage!</sc>"

"<sc>And who Speaks it?</sc>"

3. Punch plate illustration.png This illustration covers the whole page.

Again place a blank line, a <tb> tag and another blank line in front of the [Illustration] tag.

The caption is in caps letters, not in small-caps <sc>.

Note the comment about possible related article/poem.


[Illustration: "VESTED INTERESTS."

[**F2:there is a poem on Vested interest on previous page(s)]
4. Punch illustration lines.png Caption lines are often squeezed together to save some space. In this example dialogs of two characters form the last line.

You can split the text into several lines.

Note how the quotes are left out of Small-caps <sc> markup.



<i>He.</i> "<sc>Have you read that beastly Book <i>The Mauve Peony</i>, by Lady Middlesex?</sc>"

<i>She.</i> "<sc>Yes. I rather liked it.</sc>"

<i>He.</i> "<sc>So did I.</sc>"]


Later issues of Punch (early 20th century) began with a page titled Charivaria: this consisted of multiple short notes, each one a humorous comment on some item of news, or a misprinted news story. These were separated by asterisms (a triangle of asterisks); The Proofing rounds should ignore them, concentrating on checking the text. The Formatting round should separate the Charivaria items with a short line of asterisks, thus: * * *

Below is a sample of an actual page from post-processing to show how the Charivaria section should look after the proofing and formatting rounds: (note also, that the Title, volume number and date on this first page of the issue have been left in the text. This can make things easier for the post-processor):

 VOL. 152.
 <sc>June 20, 1917.</sc>
 A man who purchased sandwiches at
 a railway restaurant and afterwards
 threw them into the road was fined five
 shillings at Grimsby Police Court last
 week. His explanation--that he did
 not know they might injure the road--was
 not accepted by the Court.
      * * *
 We cannot help thinking that too
 much fuss has been made about trying
 to stop Messrs. <sc>Ramsay Macdonald</sc>
 and <sc>Jowett</sc> from leaving England.
 So far as we can gather they did not
 threaten to return to this country afterwards.
      * * *
 A North of England man, obviously
 wishing to appear unusual,
 still persists in the stupid
 story that he did not hear
 the Messines explosion.
      * * *
 We can think of no finer
 example of the humility of
 true greatness than <sc>King
 Constantine's</sc> decision to
      * * *
 There were forty thousand
 fewer paupers in 1916 than
 in 1915, according to figures
 recently published. The difference
 is accounted for by
 the number of revue-writers
 who have resumed their agricultural
      * * *
 In a small town in Australia,
 says a news item, over
 two tons of mice were killed
 in two days. For some unknown
 reason, which perhaps
 the Censor can explain, the
 name of the cat is withheld.
      * * *
 "Eliminate the middleman," demands
 a contemporary. It might prove a simpler
 affair, after all, than the present
 system of suppressing the inner man.
      * * *
 Mr. <sc>Ginnell</sc>, M.P., is responsible
 for the statement that "bringing an
 action against the police in Ireland is
 like bringing one against Satan in hell."
 The chief obstacle in the latter case is
 of course the total absence of learned
 counsel in that locality.
      * * *
 The <sc>Kaiser</sc>, it appears, has lost no
 time in commiserating with his troops
 on their magnificent victory at Messines.
      * * *
 The title which Mr. <sc>John Hassall</sc>
 wrote under one of his sketches suggested
 the words for a song which has
 now been written. It is only fair to
 the artist to say that he was not aware
 that his quite innocent title would lead
 to this.
      * * *
 The National Service staff at St.
 Ermin's Hotel, Westminster, has been
 reduced by half. It is now expected
 that the unemployed half will volunteer
 for National Service.
      * * *
 Berlin announces that all through-lines
 in Germany are running. The
 case of the <sc>Hindenberg</sc> Line seems to
 be infectious.
      * * *
 "No cheese," says <i>The Evening News</i>,
 "has quite the bite of Cheddar." At
 the same time, unless it wags its tail
 to show that it is friendly, we feel that
 every cheese with a bite like that would
 be much safer if muzzled.
      * * *
 Triplets were born in Manchester
 last week. The father is going on as
 well as can be expected.
      * * *
 Complaint has been made by a
 member of the Hounslow Burial Committee
 of courting couples occupying
 seats in the cemetery. The killjoy!
      * * *
 We can only suppose it was the hot
 weather that tempted a newsagent
 correspondent to ask whether Lord
 <sc>Northcliffe</sc> had gone to America on
 "sail or return."
      * * *
 Mr. <sc>Balfour</sc>, we are told, while staying
 at Washington, visited eleven public
 buildings and interviewed nine representative
 Americans on one day. There
 is some talk of his being elected an
 honorary American.
      * * *
 We wish to deny the foolish rumour
 that when he arrived in London from
 his American tour and was asked if he
 had had a good voyage, he remarked,
 "Sure thing, sonny. All the little
 Mister Congressmen gathered around,
 and it suited your Uncle Dudley very
 nicely and some more. Yep!"
      * * *
 An old lady was recently fined two
 pounds for putting out crumbs for
 birds. Had the bread-crumbs been put
 outside, instead of inside, the birds, no
 offence, it seems, would have been
      * * *
 Newspapers in Germany may now
 be sold only to subscribers for one
 month or more. A similar measure for
 England is opposed on the
 ground that it would be most
 inadvisable to check the practice
 at present in vogue among
 patriotic supporters of the
 Coalition Government of buying
 <i>The Morning Post</i> and <i>The
 Daily News</i> on alternate days.
      * * *
 Bobbing for eels is being
 pursued with much enthusiasm
 on the Norfolk Broads.
 Two-bobbing for haddocks in
 Kensington is sport enough
 for most of us. 
      * * *
 Large numbers of the German
 prisoners taken at Messines
 wore new boots and new
 uniforms. Other improvements
 included a less ragged
 rendering of the well-known
 recitation, "Kamerad!"
      * * *
 Asked what bait could be
 used for coarse fish, the late
 <sc>Food-Controller</sc> suggested one "made
 from bran, with a limited quantity of
 oatmeal." The correspondent has now
 written to inquire whether the fish
 have been officially informed of the
 new diet.
      * * *
 Four shillings a hundredweight is
 being paid for old omnibus tickets, but
 there are still a few people who use
 these vehicles for pleasure, without any
 motive of gain.
 [Illustration: <i>Visitor.</i> "<sc>Yes, but what's the point of whitewashing
 the tree trunks?</sc>"
 <i>Amateur Gardener.</i> "<sc>I can't say for certain; but I <i>think</i>
 the idea is to keep the bats from knocking their heads
 in the dark.</sc>"]
 Suspended Animation.
 "<sc>Laundry.</sc>--Girl to hang up and make
 herself useful."--<i>Liverpool Echo.</i>

 "For myself, I have very good reasons for
 not being in khaki. I live on a farm near the
 Grand Falls of the St. John River. These
 falls are second to Niagara in size and splendour,
 and attract visitors from all over the
 country."--<i>Canadian Paper.</i>
 He must have told the recruiting-officer
 that he was subject to cataract.

Post-proofing Guidelines

  • Create an HTML version as well as a text version of the text.
  • Follow the templates laid down below for both versions.
  • Use this thread to discuss issues of post-processing which are unclear.

Here is a posted issue of Punch. We will be using this as the template for future issues. The guidelines below are a little wordy, but the formatting is actually very simple, as you can see if you look at the example issue. Note that these guidelines are necessarily oriented toward the more modern Punch issues -- very early ones have stylistic differences, which we can discuss in more detail at a later date.

General guidelines

Move pictures which are unrelated to the surrounding text to a position immediately after the article in which they embedded. If pictures are related to the article (as in the Essence of Parliament and At The Play illustrations), they should be kept inside the article, at the beginning of the appropriate paragraph.

Text guidelines

Block quotes should be offset four spaces from both margins. Poetry should be indented two spaces. Long lines of poetry which need to be wrapped should have the wrapped component indented ten spaces. The poetry indentation should reflect the indentation in the original text, preferably using indents which are multiples of two spaces.

The five * horizontal rule should divide all articles (self-contained illustrations count as articles for the sake of these guidelines). Individual Charivaria should be divided by an "***" indented seven spaces (so as to line up with the first asterisk of the five-* break).

The text should start

VOL. <vol number>.
<MONTH> <day>, <year>.

The date appears at the top of every page image, as well as the project title. The volume number is 153 for all current weekly issues -- in the future this information also will be included in the project comments.

Punch pages normally have one or more articles, then one or more small space-filler anecdotes, which quote various newspapers. An example space-filler entry looks like this:

From a constable's evidence:--
   "In his attempt to arrest her she threw herself on the ground
   and tried to smack his face."--_Weekly Dispatch._
The long arm of the law resents such presumptuous rivalry.

HTML guidelines

HTML Document Header

Write XHTML 1.0 code. Use the following header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
<html xmlns=""> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>The Project Gutenberg eBook of Punch, ***DATE***.</title> 
<style type="text/css"> 
body {margin-left: 10%; margin-right: 10%;} 
p {text-align: justify;} {margin-top: -1em; margin-right: 5%; text-align: right;} 
p.indent {text-indent: 1.5em;} 
blockquote {text-align: justify;} 
h1,h2,h3,h4,h5,h6 {text-align: center;} 
pre {font-size: 0.7em;} 
hr {text-align: center; width: 50%;} 
html>body hr {margin-right: 25%; margin-left: 25%; width: 50%;} 
hr.full {width: 100%;} 
html>body hr.full {margin-right: 0%; margin-left: 0%; width: 100%;} 
hr.short {text-align: center; width: 20%;} 
html>body hr.short {margin-right: 40%; margin-left: 40%; width: 20%;} 
.note {margin-left: 10%; margin-right: 10%; font-size: 0.9em;} 
span.pagenum {position: absolute; left: 1%; right: 91%; font-size: 8pt;} 
.smcap {font-variant: small-caps; font-weight: normal;} 
.poem {margin-left:10%; margin-right:10%; margin-bottom: 1em; text-align: left;} 
.poem .stanza {margin: 1em 0em 1em 0em;} 
.poem p {margin: 0; padding-left: 3em; text-indent: -3em;} 
.poem p.i2 {margin-left: 1em;} 
.figure {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em;
         margin: 0px; padding-top: 1em; text-align: center;} 
.figcenter {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em;
            margin: 0px; padding-top: 1em; text-align: center;} 
.figright {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em; 
           margin: 0px; padding-top: 1em; text-align: center;} 
.figleft {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em;
          margin: 0px; padding-top: 1em; text-align: center;} 
.figure img {border-top-style: none; border-right-style: none; border-left-style: none; 
             border-bottom-style: none;} 
.figcenter img {border-top-style: none; border-right-style: none; border-left-style: none; 
                border-bottom-style: none;} 
.figright img {border-top-style: none; border-right-style: none; border-left-style: none; 
               border-bottom-style: none;} 
.figleft img {border-top-style: none; border-right-style: none; border-left-style: none; 
              border-bottom-style: none;} 
.figure p {margin: 0px; text-indent: 1em;} 
.figcenter p {margin: 0px; text-indent: 1em;} 
.figright p {margin: 0px; text-indent: 1em;} 
.figleft p {margin: 0px; text-indent: 1em;} 
.figure {margin: 0px; text-indent: 8em;} 
.figcenter {margin: 0px; text-indent: 8em;} 
.figright {margin: 0px; text-indent: 8em;} 
.figleft {margin: 0px; text-indent: 8em;} 
.figcenter {margin: auto;} 
.figright {float: right;} 
.figleft {float: left;} 
<h1>PUNCH,<br /> 
<h2>Vol. ***VOLUME***.</h2> 
<hr class="full" /> 
<hr class="full" /> 
... the actual text ... 

We use CSS to mark the text fairly semantically. We don't need to rearrange the text of the text version, just add markup around it. This means that it's probably easiest to generate the ASCII version, and then create the HTML version as a final step.

Page Breaks

In the HTML version we record all page breaks (except that we don't record purely blank pages). We use <span class="pagenum"><a name="pageNUM" id="pageNUM"></a>[pg NUM]</span>, where NUM is replaced with the page number. This is the page number, not the number of the page image, so the first page could easily be page 200. You'll need to check the page images to know the numbers to use. Example from the sample issue above:

 ... thing we could ill afford to do, for by this time 
 <span class="pagenum"><a name="page21" id="page21"></a>[pg 21]</span> 
 he had taken us under his wing spiritually and bodily. On Sundays he ...
 <span class="pagenum"><a name="page28" id="page28"></a>[pg 28]</span>


Article headers should be <h2>...</h2>.

Headers inside figure captions, and headers for filler material, should be <h3>...</h3>


The standard rule <hr /> should be used for everything except intra-article rules (such as those used to seperate Charivaria), where you should use <hr class="short" />


Use <blockquote>...</blockquote>.


Use <span class="smcap">...</span>.


The "note" class in the sample was used for a bracketed section of text where Punch explained the reasons for the article. This formats the text in a slightly smaller font than the surrounding material. Example:

  <blockquote class="note">
    [As indicated on another page, TINO'S actual opinion of his Imperial
    brother-in-law is probably not too amiable; but it has to be disguised in
    his letters, which are liable to be censored by his wife.]

This will not be used very often.


In order to correctly style poetry, we have to use a fairly verbose markup. Here is an example of it in use:

  <div class="poem">
    <div class="stanza">
      <p>Thank you, dear William, I am fairly well.</p>
      <p class="i2">The climate suits me and the simple life—</p>
      <p>No diplomats to spoil the scenery's spell,</p>
      <p class="i2">And only faintest echoes of the strife;</p>
      <p>The Alps are mirrored in a lake of blue;</p>
      <p class="i2">Over my straw-crowned poll the blue skies laugh;</p>
      <p>A waterfall (no charge) completes a view</p>
      <p class="i2">Equal to any German oleograph.</p>
    <div class="stanza">
      <p>Were it not wise, dear WILLIAM, ere the day</p>
      <p class="i2">When Revolution goes for crowns and things,</p>
      <p>To cut your loss betimes and come this way</p>
      <p class="i2">And start a coterie of Exiled Kings?</p>
      <p>You might (the choice of safe retreats is poor)</p>
      <p class="i2">Do worse than join me in this happy land,</p>
      <p>And spend your last phase, careless, if obscure,</p>
      <p class="i2">With your devoted TINO hand-in-hand.</p>

So, we mark poems and stanzas with divs, and individual lines of a stanza with

s. We don't use  s for indentation... instead we use CSS classes. 'i2' here stands for 'indent two spaces'. The corresponding definition in the header is: .poem p.i2 {margin-left: 1em;} This will be sufficient for most normal poems in Punch, which only have one level of indentation. If you are marking up a poem which has other levels of indentation, you'll have to create extra indentation classes which have appropriate margins. For example, you might need to add: .poem p.i4 {margin-left: 2em;} .poem p.i8 {margin-left: 4em;} If you're not happy to do this yourself, ask in the forum, and we'll help you decide the CSS to use.


You need to crop all the illustrations from the page images. They should not be resized, but kept at the original resolution. Keep them as PNGs (not JPGs—there's no advantage to using JPG for Punch's black-and-white illustrations). When cropping them, remove the caption text, as you'll be adding that back in the HTML. All illustrations should be placed in an images folder, and should be named by their page numbers. See here for the way the images from the sample issue are named. If there is only one image on the page, name it "PAGENUMBER.png". If there are n images on the same page, name them "PAGENUMBER-1.png" ... "PAGENUMBER-n.png".

All illustrations which are articles by themselves (i.e., not associated with a surrounding article), should be marked as follows:

  <div class="figcenter" style="width:***WIDTH***%;">
    <a href="images/***.png"><img width="100%" src="images/***.png" alt="" /></a>

This creates an image scaled to the width of the browser window, which you can click to view the full-size image. Here's an example from the sample issue:

  <div class="figcenter" style="width:60%;">
    <a href="images/021.png"><img width="100%" src="images/021.png" alt="" /></a>
    <p><i>Old Lady.</i> "And what regiment are you in?"</p>
    <p><i>The Sub.</i> "7th Blankshires. But I'm attached to the 9th Wessex."</p>
    <p><i>Old Lady.</i> "Really! Now <i>do</i> tell me why the officers get
    so fond of regiments with aren't their own."</p>

The width of the div should be altered to reflect the width of the picture. Full-width images will be "width:100%", half page-width images will be "width:50%", etc.

Figures which should be flowed along with the surrounding article text should use the "figright" class instead of "figcenter", which will align the figure to the right, and allow the article text to flow around it. Example:

<div class="figright" style="width:40%">
    <a href="images/026-1.png"><img width="100%" src="images/026-1.png" alt="" /></a>
    <p>NO KILL-JOY. MR. BONAR LAW.</p>

("figleft" works similarly, of course.)


Using the simple rules and templates above will ensure a consistent look-and-feel to the Punch issues posted to PG. There are many more issues to come, so it's worth defining a standard style. The style we are using has been developed over several months. If you disagree with any aspect of it, then feel free to discuss these disagreements, but preferably not via this thread, which should be reserved for discussion by people who are actually post-processing Punch issues.