![]() |
#1 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
Image clipped
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) |
![]() |
![]() |
![]() |
#2 |
Obsessively Dedicated...
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,202
Karma: 34984330
Join Date: May 2011
Location: JAPAN (US expatriate)
Device: Sony PRS-T2, ADE on PC
|
You might try max-width in pixels instead of percentage, I know nothing about iPad and the way of the Apple, this might be useless advice.
|
![]() |
![]() |
![]() |
#3 |
Color me gone
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 2,089
Karma: 1445295
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
|
If you optimize for ipad, I hope you are doing it for family and friends. The apple share of the book market is pretty small.
|
![]() |
![]() |
![]() |
#4 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
Tried it, same result, but thanks.
|
![]() |
![]() |
![]() |
#5 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
|
![]() |
![]() |
![]() |
#6 |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 878
Karma: 2457540
Join Date: Nov 2011
Device: none
|
Why "max-width", not just "width"?
In HTML isn't it width="100%" rather than width:100% ? <div><img alt="cover_1" src="../Images/cover_1.jpg" width="100%"/></div> |
![]() |
![]() |
![]() |
#7 | |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,641
Karma: 8566337
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
For example: Code:
<div><img style="background-size: content" alt="cover_1" src="../Images/cover_1.jpg" /></div> Code:
<div><img style="background-size: cover" alt="cover_1" src="../Images/cover_1.jpg" /></div> Regards Rubén |
|
![]() |
![]() |
![]() |
#8 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
|
![]() |
![]() |
![]() |
#9 | |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
Quote:
|
|
![]() |
![]() |
![]() |
#10 |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 878
Karma: 2457540
Join Date: Nov 2011
Device: none
|
I use a <div> if only because mine are usually <div class="image"> where "image" is defined to knock out any indents, margins etc. If a picture is worth displaying on a 7" screen, it's worth all the available space.
|
![]() |
![]() |
![]() |
#11 |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,543
Karma: 19001583
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
|
![]() |
![]() |
![]() |
Tags |
clipped, images |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Hacks My Clippings: Linking new versions of books to previously clipped content | fatso | Amazon Kindle | 0 | 08-25-2013 05:45 PM |
Image on click change to nex image for Ipad view. | vinayaksanga | ePub | 9 | 04-29-2013 06:49 AM |
inspect image properties /replace image | cybmole | Sigil | 6 | 02-05-2013 12:46 PM |
Image overlayed over text (but text visible if image disabled)? | Kaylee Skylyn | ePub | 5 | 08-01-2012 05:27 PM |
"Insert Image" renames .jpg's incorrectly... but shows the correct image! | megacoupe | Sigil | 4 | 03-06-2011 08:13 PM |