View Single Post
Old 12-21-2011, 07:03 PM   #1
SamL
I mess around with Epubs
SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.SamL once ate a cherry pie in a record 7 seconds.
 
Posts: 82
Karma: 1566
Join Date: Mar 2011
Location: Cambridge, MA
Device: mac, ipad, nook, kindle
images stretching on iPad epubs

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!
SamL is offline   Reply With Quote