View Single Post
Old 10-10-2010, 09:14 PM   #3
luthar28
Enthusiast
luthar28 began at the beginning.
 
Posts: 41
Karma: 10
Join Date: Jul 2010
Device: Kindle
Quote:
Originally Posted by capidamonte View Post
What's the <div> CSS?

And why are there two </div> for only one <div>?
Sorry...disappeared for a while.

I've really cleared back the CSS and Div tags to not confuse the issue.

Basically, I have an image that is supposed to appear at the top of of a new page, followed by the Chapter title. This is what I have:

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

My css is as follows:
h2 {font-weight: bold; text-align:center; margin-bottom:1.2em; page-break-before:avoid;}

img.header{width:250px;margin: 0 auto;}

But what it's doing is putting the image (only 250 wide, 100 high), then a pagebreak, then the Chapter Title. I though maybe it had something to do with the TOC in Calibre...but even going without a TOC it still happens.

In Sigil, it separates the image into its own HTML file, followed by the chapter.

Any ideas?
luthar28 is offline   Reply With Quote