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

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 08-21-2012, 02:18 PM   #16
eggheadbooks1
Read, don't parrot.
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 103
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Interesting, thanks.

A new but related question: I do not own a smartphone, just a tablet, so I cannot test... do the smartphone apps (Sony, Nook, Kobo, ADE) also cut off images not placed within an SVG wrapper but left at their original dimensions?
eggheadbooks1 is offline   Reply With Quote
Old 09-10-2012, 05:21 PM   #17
Kaylee Skylyn
Enthusiast
Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.
 
Posts: 41
Karma: 415790
Join Date: Feb 2012
Device: android phone, Sony PRS 350
Hey all,

I thought the code here in post 13 would solve some major issues for me (I really really want something like this!) but I'm still running into issues. It works fine on the desktop, looks great in Calibre (after epubing) and in firefox (before epubing). Passes epub check but on the reader (both Sony PSR 350 and Android phone with Aldiko and BlueFire Reader) it puts each image on a separate page. I can see no reason for this. It seems to re-size the images like I wish but even a small two or three line high divider is given its own page. That is just not going to work.... I tried removing the DIV and it still gave each image its own page.

Any ideas why the SVG would give each image its own page?

I was really loving this resizing until now...ugh.
Kaylee Skylyn is offline   Reply With Quote
Old 09-11-2012, 04:29 AM   #18
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: 6,189
Karma: 4800739
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
height="100%" width="100%" might have something to do.
Jellby is offline   Reply With Quote
Old 09-11-2012, 06:13 PM   #19
Kaylee Skylyn
Enthusiast
Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.
 
Posts: 41
Karma: 415790
Join Date: Feb 2012
Device: android phone, Sony PRS 350
Ok I mayhave misunderstood the thread then.

Removing one or the other may work....for now I'll keep width=100% and see if it works

Still darn annoyed the ePub does one thing on the desktop but totally different on the reader....this is exceedingly tiresome to transfer to the units to check every minor change. But eReader unpredictability is a different rant. :P

Last edited by Kaylee Skylyn; 09-11-2012 at 08:04 PM.
Kaylee Skylyn is offline   Reply With Quote
Old 09-27-2012, 05:41 PM   #20
eggheadbooks1
Read, don't parrot.
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 103
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Jellby:

Urgent: just when I thought I had it all done: the SVG wrapper that we devised is working great except for one thing that has just revealed itself: it causes the image to always start on a new page. That was fine with large images but I just tried to put a smaller image (my logo) in a wrapper and now the logo sits on its own page. Not what I had intended. I have tried putting in a style="page-break-before:avoid" value in but to no avail. Any ideas?
eggheadbooks1 is offline   Reply With Quote
Old 09-27-2012, 05:51 PM   #21
eggheadbooks1
Read, don't parrot.
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 103
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
I should add that the only solution I have come up with so far is that for images smaller than a mobile phone screen (the smallest screen the ebook would be viewed on) is to not put the image in a wrapper but to set a fixed pixel dimension.
eggheadbooks1 is offline   Reply With Quote
Old 09-27-2012, 07:15 PM   #22
eggheadbooks1
Read, don't parrot.
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 103
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Also, when I did my original tests, if two images were back to back, and if they fit two to the page, they appeared as such. This starting on a new page only happens when the images is bookended with text.
eggheadbooks1 is offline   Reply With Quote
Old 09-28-2012, 04:10 AM   #23
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: 6,189
Karma: 4800739
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Unfortunately, SVG support is usually weak, and there are many issues in different readers. Moreover, there are many tricky interactions between HTML, CSS and SVG... Can we see you code? maybe there's something with it.
Jellby is offline   Reply With Quote
Old 09-28-2012, 03:08 PM   #24
eggheadbooks1
Read, don't parrot.
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 103
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Hi Jellby:

This is the code we eventually came up with:

Code:
<div class="Main" style="text-align: center;">
  <svg style="max-width:300px; max-height:600px"
 xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"
 preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 300 600"
 xmlns:xlink="http://www.w3.org/1999/xlink" ><image height="600" width="300"
 xlink:href="../Images/Image1.jpg"></image>
  </svg>
</div>
It works great in that it achieves its objective of downsizing images on small screens while limiting the potential upsizing of small images beyond their native dimensions, and it allowed me to center the images, but all surrounding text is pushed off screen. So something like my logo on my title page I have had to simply set a fixed pixel dimension. I can also do a percentage of screen height.

When I first did these tests, I had only images in my test file. Two small images would display together on the screen so I did not imagine that surrounding text would not behave the same way. Wrong. The SVG wrapper is essentially behaving like text jump text wrap.

If there's nothing that can be done, so be it. It's still the lesser of two evils. But if there is a way to fix this that would be great.
eggheadbooks1 is offline   Reply With Quote
Old 09-29-2012, 03:57 AM   #25
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: 6,189
Karma: 4800739
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
I assume you change the 600 and 300 numbers for each image in the three places (image size, viewbox and max dimensions).

I don't see right off what could be causing your problem, except that maybe max-width and max-height are not working in your reader, or there's something in the "Main" class. You could try adding borders to the <svg> and <div> styles and see if that helps with debugging (they would tell you the true size of the elements).
Jellby is offline   Reply With Quote
Old 09-30-2012, 02:05 PM   #26
Kaylee Skylyn
Enthusiast
Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.Kaylee Skylyn ought to be getting tired of karma fortunes by now.
 
Posts: 41
Karma: 415790
Join Date: Feb 2012
Device: android phone, Sony PRS 350
I was having similar issue but once one of the height="100%" width="100%" was removed it works fine. In my situation the images are all wider than tall so I removed the height="100%" from the code and it works fine on my Sony and Aldiko android app.
I think...can't find the right code at the moment....

I think this is the code that worked for me...For the opening banner, as it was much wider than tall:
Code:
<div class="cenimage">
    <svg style="max-width:576px; max-height:288px" xmlns="http://www.w3.org/2000/svg" width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 576 288" xmlns:xlink="http://www.w3.org/1999/xlink" >
      <image height="288" width="576" xlink:href="images/masterpostbanner-1.png" ></image>
    </svg>
</div>
Where the div is just:
Code:
div.cenimage {text-align: center;}

Last edited by Kaylee Skylyn; 09-30-2012 at 02:18 PM.
Kaylee Skylyn is offline   Reply With Quote
Old 10-03-2012, 01:21 PM   #27
eggheadbooks1
Read, don't parrot.
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 103
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Kaylee: removing the height in this case worked perfect. Thanks!
eggheadbooks1 is offline   Reply With Quote
Reply

Tags
epub, images cut off, maximum size images, svg

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Image and Pixel size for Childrens Book in EPUB? Brittany Writers' Corner 1 09-27-2011 03:15 PM
Cover Image size dezignlady ePub 6 08-04-2011 10:41 AM
Image Size benjaminsolah ePub 13 09-24-2010 11:47 PM
How to get the maximum image size on a DX? Diegan Amazon Kindle 1 08-04-2010 12:05 PM
Cover Image Size gr8npwrfl Calibre 0 12-21-2009 12:49 AM


All times are GMT -4. The time now is 04:36 AM.


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