Quote:
Originally Posted by René vd Abeelen
Allright... I hope I am doing this the way I should...
And thanks very much for taking this trouble!!!
|
I suspect your Images are as big as the viewing area, thus the various Margins ,heading, breakcause an overflow.
Heading
BR
margin
P margin
image
margin
Note in your stylesheet:
Code:
h1, p { margin:0pt }
Then
Code:
h1 { font-family:Helvetica, sans-serif; font-size:1.45em; font-weight:bold; line-height:110%; margin-bottom:3pt; margin-top:12pt; page-break-after:avoid; text-align:justify }
The BR inherits the 1.45 em text height (line-height is the space between lines of the same block)
It all adds up (height wise)
BTW the stylesheet was not linked to all the pages (2-7April...)
Tools: Reports: Style Classes in HTML files
you should see almost every file there (cover and jacket are sometimes excluded)
I added
to the <IMG tag to allow a scaling style
Code:
.image_page { height:80%;}
which I added to the stylesheet. (You may want to do more control here)
Also
you have a mix of In document (the gold <style> section in Sigil)
and a stylesheet
Both ways will be painful to maintain in a book of more than a few pages .
If it is used once in the book: OK inline
If a style is used multiple places: It really belongs in a stylesheet . Define once, use many times
