Title page

From MobileRead
Jump to: navigation, search

This page talks about how to make a title page in an eBook that is positioned as you might want it.

[edit] Example

Here is the Title text being placed in a Table to allow control over the position.

<body>
    <table id="tableContainer">
        <tr>
            <td id="emptyRow"></td>
        </tr>
        <tr>
            <td id="bookTitle" valign="top">The Book Title</td>
        </tr>
        <tr>
            <td id="bookAuthor">The author name</td>
        </tr>
    </table>
 </body>

[edit] CSS

Here is some CSS that starts the title about 1/3 of the way down the page. You may want to change the font or not control it at all.

table#tableContainer {
   margin: 0;
   padding: 0;
   text-indent: 0;
   position: fixed;
   height: 98%;
   width:98%;
}

td#emptyRow {
   margin: 0;
   padding: 0;
   height: 25%;
}

td#bookTitle {
   font-family: Rye;
   font-size: 2em;
   font-weight: bold;
   text-align: center;
   height: 10%;
}

td#bookAuthor {
   font-family: Italianno;
   font-size: 1.8em;
   font-weight: bold;
   text-align: center;
}

Note that the fixed position tag is crucial to keeping the table where you want it.

[edit] For more information

Personal tools
Namespaces

Variants
Actions
Navigation
MobileRead Networks
Toolbox