View Single Post
Old 04-28-2013, 09:41 AM   #2
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
If your entire book is the same format of a single image per page, then the CSS becomes really easy:

div {margin:0 auto; text-align:center}
img {height:800px; width:800px; max-height:99%; max-width:99%}

And your HTML becomes:
<body>
<div><img alt="" src="../Images/xxxx.jpg" /></div>
</body>

You would only need specific classes for the few front/back pages (cover,title,acknowledgement,dedication,copyright, etc.) if you use a div or img on them.

You don't need to put the image file name in the alt tag. That is supposed to be used as a description of the image ("Goat seen standing on top of cloud, two pilots looking out windshield wondering what a goat is doing in the clouds") if the device can't render the image for whatever reason (missing file, image display turned off, etc) In your case you will make sure all the pictures are included in the ePub, and no one will turn off image rendering in a picture book!

I also use 99%, instead if 100%, to avoid those rare instances when a picture might bleed over onto a separate page.

I hope that helps!
Cheers,

[edit] On second thought, there is no need to define the width or height, it will automatically display at the full size unless limited by the max tags.

Last edited by Turtle91; 04-28-2013 at 10:21 AM.
Turtle91 is offline   Reply With Quote