Use of books.css

This style sheet formats documents with footnotes that cannot easily be presented with MLA-style in-text citations.These notes appear in the narrow left column.

Header for books.css documents

Headers in book.css documents differ in a single way from those for style1.css documents: the item after "whole-page" is "header" rather than "head."

<html>
<head>
<title>The Victorian Web House Style and formatting rules and suggestions: Headers and footers</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="../style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="whole-page">
<div id="header">
<h2>The Victorian Web House Style and formatting rules and suggestions: Headers and footers<
<h4><a href = "../smith.html">>John Smith</a>
</h2<img src="../icons2/vntop.gif"/>
</div>

<div id="main">

The “nav” section of book.css documents

Whereas style1.css and style1.css documents follow the header with

</div>

<div id="main">

book.css documents follow the header with

</div>

<div id="nav">

The nav section of the document contains (a) credits, which in legacy documents contains information about the original publisher and place of publication plus the person who converted the print book or article into a web document; (b) directions, (c) notes, and (d) bibliography. Here, for example, is the nav section of the first chapter of Marjorie Stone's book about Elizabeth barrett Browning:

<div id="nav">

<h3>Credits</h3>

<p class ="one"> Chapter one of the author's <span class="book">Elizabeth Barrett Browning</span>, which Macmillan published in 1995. It has been included in the <span class="book">Victorian Web</span> with the kind permission of the author, who of course retains copyright. <a href="../../../../cv/gplbio.html">George P. Landow</a> created the web version in June 2014.</p> </p>

<h3>Contents</h3>

<li><a href = "acknowledgements.html">Acknowledgements</a></li>

<li><a href="1.html">Chapter One: Fighting on Her Stumps: The Woman, the Poet, the Myths</a></li>

<li><a href="2.html">Chapter Two: The Scene of Instruction: Romantic Revisionism</h3>

<li><a href="3.html">Chapter Three: A Cinderella Among the Muses: Barrett Browning and the Ballad Tradition</a></li>

<li><a href="4.html">Chapter Four: Juno's Cream: <span class ="book"><span class ="book">Aurora Leigh</span></span> and Victorian Sage Discourse</a></li>

<li><a href="5.html">Chapter Five: A Handmaid's Tale: The Critical Heritage</a></li>

<li><a href="6.html">Note on Texts</a></li>

<li><a href="7.html">Selected Bibliography</a></li>

<h3>Directions</h3>

<p>Numbers in brackets indicate page breaks in the print edition and thus allow users of <span class="book">VW</span> to cite or locate the original page numbers. When page breaks occur in the middle of words, the brackets appear after the word.</p>

<p>Where possible, bibliographical information appears in the form of in-text citations, which refer to items in the bibliography at the end of this column.</p>

<p>Clicking on superscript numbers brings you to notes — endnotes in the original book — which will appear at the top of the left column; hitting the back button on your browser returns you to your place in the body of the main text. The numbers do not form a complete sequence.</p>

<h3>Notes</h3>

<p> <a name="1"></a>1. I am indebted to one of my former students, Dawn Henwood, for this example. </p>

<p> . . . . . . .</p>

<h3>Bibliography</h3>

<p>Bernikow, Louise. <span class ="book">The World Split Open: Four Centuries of Women Poets in England and America 1552-1950</span>. Prefatory note by Muriel Rukeyser. New York, Vintage Books, 1974.</p>

</div>

<div id="main">

Note: The bibliography in the left column uses <p> rather than <p class="bibl">, which is used in style1.css and style2.css documents. (The left column is too narrow to use hanging indents found in usual bibliographical form.)

The first paragraph of the main text and all first paragraphs following <h3></h3> tags

In style1.css documents, the first paragraph of the main text begins <p class="one">

Subtitles and the text following

All subtitles appear between <h3></h3> tags. The paragraph immediately following </h3> always begins <p class="one">.

Long set-off quotations

For quotations longer than 3-4 sentences, use the <p class="lq"> tag for each paragraph. If the text following the set-off quotation forms part of the same paragraph, bring the text to the left margin by beginning it with <p class="aq">. Otherwise, begin it with the usual <p>.

Images

1. Single thumbnails, such as those used for portraits of authors or images of book jackets in a book review, take the following form:

<a href = "xxxx.html"><img src="xxxx.jpg" alt="1title1" height="144" border="0" class = "floatright"/></a>

The example above places the image flush with the right margin. Use the following for to place the image flush with the left margin:

<a href = "xxxx.html"><img src="xxxx.jpg" alt="1title1" height="144" border="0" class = "floatleft"/></a>

2. Use the following to place a horizontal image that occupies the space between margins:

<center><a href="xxx.jpg"<<img src="xxx.jpg" border="0" width="670"/></a></center>

3a. Three images that occupy (most of) the space between margins. Following the link brings readers to an html document containing the image.

<center>
<a href = "xxx.html"><img src="xxx.jpg" hspace="5" height="200" border="0"/></a>
<a href = "yyy.html"><img src="yyy.jpg" hspace="5" height="200" border="0"/></a>
<a href = "zzz.html"><img src="zzz.jpg" hspace="5" height="200" border="0"/></a>
</center>

<p class="tc">Left to right: (a) <span class="tcartwork"></span>. (b) <span class="tcartwork"></span>. (c) <span class="tcartwork"></span> [Click on these images for larger pictures.]</p>

Depending upon the size and orientation of the image (i.e., horizontal or vertical), you will have to experiment to find the proper height.

3b. Three images that occupy (most of) the space between margins. Following the link enlarges the image.

<center>
<a href = "xxx.jpg"><img src="xxx.jpg" hspace="5" height="200" border="0"/></a>
<a href = "yyy.jpg"><img src="yyy.jpg" hspace="5" height="200" border="0"/></a>
<a href = "zzz.jpg"><img src="zzz.jpg" hspace="5" height="200" border="0"/></a>
</center>

<p class="tc">Left to right: (a) <span class="tcartwork"></span>. (b) <span class="tcartwork"></span>. (c) <span class="tcartwork"></span> [Click on these images for larger pictures.]</p>

Lists of related material

<h3>Related Material</h3>

<ul>
         <li><a href="xxx.html">xxx</a></li>
         <li><a href="yyy.html">yyy</a></li>
         <li><a href="zzz.html">zzz</a></li>

</ul>

Bibliography (or References)

<h3>Bibliography</h3>

<p class="bibl">Hardy, Thomas. <span class="book">Under The Greenwood Tree, or, The Mellstock Quire — A Rural Painting of the Dutch School</span> (1872). Ed. Anna Winchcombe. Houndmills, Basingstoke, and London: Macmillan Education, 1978.</p>

<p class="bibl">Purdy, Richard Little. <span class="book">Thomas Hardy: A Bibliographical Study</span>. Oxford University Press. 1954.</p>

Related Material


Victorian
Web

Last modified 23 July 2014