This is a weird problem that I haven't run in before. I usually use images for my title headers. For the book I'm working on I applied a simple style to align them right. So this is what my CSS and image code looks like
Quote:
<p class="title"><img width="500" height="93" src="images/Title_FaceValue_fmt.jpeg" alt="Title_FaceValue.jpg"/></p>
|
Quote:
p.title{
text-align : right;
}
|
When I view my epub on an iPad, in single page mode, all the images look fine and display as they should. But when I turn the iPad to landscape, and have the book in spreads, my title images appear to be stretched a little tall. In fact, this is happening with all my images, but its most noticeable in the titles.
I'm really not sure what is causing this since I defined the width and height in each image.
Has anyone had this problem before?
Thanks in advance for any help!