Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Software > Sigil

Notices

Reply
 
Thread Tools Search this Thread
Old 10-25-2013, 02:13 AM   #1
Peter21
Enthusiast
Peter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
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)
Peter21 is offline   Reply With Quote
Old 10-25-2013, 06:28 AM   #2
GrannyGrump
Obsessively Dedicated...
GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.
 
GrannyGrump's Avatar
 
Posts: 3,200
Karma: 34977556
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.
GrannyGrump is offline   Reply With Quote
Old 10-25-2013, 06:58 AM   #3
mrmikel
Color me gone
mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.
 
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.
mrmikel is offline   Reply With Quote
Old 10-25-2013, 06:59 AM   #4
Peter21
Enthusiast
Peter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
Tried it, same result, but thanks.
Peter21 is offline   Reply With Quote
Old 10-25-2013, 07:01 AM   #5
Peter21
Enthusiast
Peter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
Quote:
Originally Posted by mrmikel View Post
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.
Good point, had planned to upload for kindle also in due course, thought i'd crack one platform at a time.
Peter21 is offline   Reply With Quote
Old 10-25-2013, 08:08 AM   #6
exaltedwombat
Guru
exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.
 
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>
exaltedwombat is offline   Reply With Quote
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,539
Karma: 6613969
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
Old 10-25-2013, 09:45 AM   #8
Peter21
Enthusiast
Peter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
Quote:
Originally Posted by exaltedwombat View Post
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>
Thanks..that fixed it…syntax error on my part. Would you wrap all images up in a division?
Peter21 is offline   Reply With Quote
Old 10-25-2013, 09:46 AM   #9
Peter21
Enthusiast
Peter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameterPeter21 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 29
Karma: 12580
Join Date: Aug 2013
Location: UK
Device: iPad 4
Quote:
Originally Posted by RbnJrg View Post
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
thanks Ruben…that method also worked…Peter
Peter21 is offline   Reply With Quote
Old 10-25-2013, 10:00 AM   #10
exaltedwombat
Guru
exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.
 
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.
exaltedwombat is offline   Reply With Quote
Old 10-25-2013, 11:13 AM   #11
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,515
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by Peter21 View Post
Thanks..that fixed it…syntax error on my part. Would you wrap all images up in a division?
They have to be inside something, having an <img> directly under <body> is invalid in XHTML (and therefore in ePub).
Jellby is offline   Reply With Quote
Reply

Tags
clipped, images

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 11:51 AM.


MobileRead.com is a privately owned, operated and funded community.