Linkable Table of Contents

Below is the coding for a linkable table of contents.

OPTION ONE: LINKS TO PAGES IN YOUR eBOOK

If you split your chapters into individual HTML pages, then your TOC would appear like this:

<p><a id="toc"/></p>
<p>Table of Contents</p>
<p><a href="../Text/content.xhtml">Chapter 1</a></p>
<p><a href="../Text/chapter2.xhtml">Chapter 2</a></p>
<p><a href="../Text/chapter3.xhtml">Chapter 3</a></p>
<p><a href="../Text/ack.xhtml">Acknowledgements</a></p>
<p><a href="../Text/author.xhtml">About the Author</a></p>

(more…)

Continue Reading Linkable Table of Contents

Linkable Table of Contents

Below is the coding for a linkable table of contents.

OPTION ONE: LINKS TO PAGES IN YOUR eBOOK

If you split your chapters into individual HTML pages, then your TOC would appear like this:

<p><a id="toc"/></p>
<p>Table of Contents</p>
<p><a href="../Text/content.xhtml">Chapter 1</a></p>
<p><a href="../Text/chapter2.xhtml">Chapter 2</a></p>
<p><a href="../Text/chapter3.xhtml">Chapter 3</a></p>
<p><a href="../Text/ack.xhtml">Acknowledgements</a></p>
<p><a href="../Text/author.xhtml">About the Author</a></p>

(more…)

Continue Reading Linkable Table of Contents

CSS: Center Images Using Display:Block and Margin

Centering images can add a special design appeal to your ebook formatting. This can be applied book-wide (to all images) or applied individually. The easiest way to center images is to make the image a block of its own and set the margins to ‘auto’.

Here is an example:

CSS

img.individual {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

HTML

<IMG class="individual" src="..." alt="...">

Castle Rock, John Day Area, Oregon
Castle Rock, John Day Area, Oregon

(more…)

Continue Reading CSS: Center Images Using Display:Block and Margin

CSS: Center Images Using Display:Block and Margin

Centering images can add a special design appeal to your ebook formatting. This can be applied book-wide (to all images) or applied individually. The easiest way to center images is to make the image a block of its own and set the margins to ‘auto’.

Here is an example:

CSS

img.individual {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

HTML

<IMG class="individual" src="..." alt="...">

Castle Rock, John Day Area, Oregon
Castle Rock, John Day Area, Oregon

(more…)

Continue Reading CSS: Center Images Using Display:Block and Margin