Thread: Image clipped
View Single Post
Old 10-25-2013, 09:03 AM   #7
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,782
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Peter21 View Post
I am writing an image heavy book optimised for the iPad in landscape mode.
The right border of the images are clipped (in both landscape and portrait mode).
Images originally 1200 pixels wide, tried reducing to 1150…didn't work. Tried max-width:95% in html….didn't work.
Any ideas?
Thanks
(PS…Am a sigil beginner)
Try using the css properties "background-size: content" or "background-size: cover".

For example:

Code:
<div><img style="background-size: content" alt="cover_1" src="../Images/cover_1.jpg" /></div>
or

Code:
<div><img style="background-size: cover" alt="cover_1" src="../Images/cover_1.jpg" /></div>
First try the first alternative (style="background-size: content").

Regards
Rubén
RbnJrg is offline   Reply With Quote