MobileRead Forums - View Single Post

Jellby · 10-11-2010, 09:10 AM

It is not allowed to have an <img> directly inside the <body>, you should wrap it a <div>, or put it inside the <h2> (think of the image as a word).

Try this:

Code:

<div class="header"><img src="MTpic0001.png" alt="The Teacher" /></div>
<h2 id="c1">The Teacher</h2>

Code:

div.header {text-align: center;}
div.header img {width: 250px;}
h2 {font-weight: bold; text-align:center; margin-bottom:1.2em; page-break-before:avoid;}

or adding "page-break-after: avoid;" to the div.header.

10-11-2010, 09:10 AM	#4
Jellby frumious Bandersnatch Posts: 7,515 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	It is not allowed to have an <img> directly inside the <body>, you should wrap it a <div>, or put it inside the <h2> (think of the image as a word). Try this: Code: <div class="header"><img src="MTpic0001.png" alt="The Teacher" /></div> <h2 id="c1">The Teacher</h2> Code: div.header {text-align: center;} div.header img {width: 250px;} h2 {font-weight: bold; text-align:center; margin-bottom:1.2em; page-break-before:avoid;} or adding "page-break-after: avoid;" to the div.header.