10-25-2013, 02:13 AM | #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) |
10-25-2013, 06:28 AM | #2 |
Obsessively Dedicated...
Posts: 3,200
Karma: 34977896
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.
|
Advert | |
|
10-25-2013, 06:58 AM | #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.
|
10-25-2013, 06:59 AM | #4 |
Enthusiast
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
Tried it, same result, but thanks.
|
10-25-2013, 07:01 AM | #5 |
Enthusiast
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
|
Advert | |
|
10-25-2013, 08:08 AM | #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> |
10-25-2013, 09:03 AM | #7 | |
Wizard
Posts: 1,544
Karma: 6613969
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 |
|
10-25-2013, 09:45 AM | #8 |
Enthusiast
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
|
10-25-2013, 09:46 AM | #9 | |
Enthusiast
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
|
Quote:
|
|
10-25-2013, 10:00 AM | #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.
|
10-25-2013, 11:13 AM | #11 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
|
Tags |
clipped, images |
|
Similar Threads | ||||
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 |