12-18-2013, 07:29 AM | #121 | |
Chief Bohemian Misfit
Posts: 571
Karma: 462964
Join Date: May 2013
Device: iPad, ADE
|
Having read the follow-up replies, and going back to Hitch's earlier post...
Quote:
If that's the case, then what's the size of that (or those) smaller screen(s)? |
|
12-18-2013, 10:41 AM | #122 |
Grand Sorcerer
Posts: 11,470
Karma: 13095790
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7
|
600 x 800 pixels in a 6" screen. You can see the specifications of lots of devices in our wiki.
Dale |
12-19-2013, 08:28 AM | #123 | |
Chief Bohemian Misfit
Posts: 571
Karma: 462964
Join Date: May 2013
Device: iPad, ADE
|
Quote:
All joking aside, when I preview in KP as KDX, is how books are rendering text, etc. consistent with those other devices, it's basically just the size of the window that's different? If so, then I suppose I could just live with that -- I've got a vivid enough imagination to picture the window size different, and my main concern is how the text/images are being rendered/displayed. If there's another aspect that I'm missing out on, though (apart from just window size), well, then I would certainly be more concerned about wanting to be able to preview in that. |
|
12-19-2013, 12:30 PM | #124 |
Grand Sorcerer
Posts: 11,470
Karma: 13095790
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7
|
Well the window size determines the number of characters on a line and the number of lines on a page. Pagination is a particular issue with smaller screens which today is evidenced on Smart phones. Will a picture fit and look right, will paragraphs (or even words) split in awkward ways, do the headings stay with the text that they are supposed to be with. How does smaller text and images appear on a low resolution screen. These are all part of the reading experience.
Dale Last edited by DaleDe; 12-19-2013 at 12:33 PM. |
05-24-2020, 07:46 PM | #125 |
Enthusiast
Posts: 43
Karma: 100000
Join Date: Jun 2018
Device: none
|
I don't know if thread necromancy is frowned upon here, but this exchange is golden, as are Hitch and RnbJrg's imput.
I just hope this isn't hoplessly outdated. |
05-25-2020, 02:20 PM | #126 |
Wizard
Posts: 1,528
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Well, at least my code is still usable Just take in count that the solutions based on svg, they have issues under the new Kindle format (.KFX). You won't be able to get a .KFX ebook if you include .svg images (you only will have a .kf8 book without enhanced typesetting). So, if you want text on an image and a .KFX ebook (and enhanced typesetting), forget (for the moment) svg images; instead use the solution based on a background image (I checked it and works fine with .KFX).
|
05-25-2020, 06:23 PM | #127 |
Enthusiast
Posts: 43
Karma: 100000
Join Date: Jun 2018
Device: none
|
The long dead thread is risen, we might just as well dance with it…
Do you know of any way to manage to set a continuous background for a book, without going for Code:
html { background: #FFF3E9 url(../image/background.jpg) no-repeat center center fixed; background-size: cover; height:100% } body { height:100% } Regarding support for SVGs in .KFX, that's so sad, especially considering that of course I want enhanced typesetting. And I've been reading quite a bit on SVG, but no knowledge is in vain, it will sure come handy eventually. Spoiler:
|
05-25-2020, 07:40 PM | #128 |
Enthusiast
Posts: 43
Karma: 100000
Join Date: Jun 2018
Device: none
|
Tried this… it does show up in a test book in ADE, and works as it should, but something in my real book must be impeding it.
Code:
div.Basic-Text-Frame { border-style: solid; margin: 0; padding: 2.5em 2.5em 0 0; background: url(../image/bordes.jpg) no-repeat right fixed; background-size: contain; } /*The background is actually pretty similar to what you helped in the original thread with, a vertical right-aligned image*/ Last edited by Land_Outcast; 05-25-2020 at 07:53 PM. |
05-25-2020, 08:27 PM | #129 |
Enthusiast
Posts: 43
Karma: 100000
Join Date: Jun 2018
Device: none
|
The weird thing is that even when I pretty much erase the CSS (save for the mentioned <div> definition), the complete book doesn't show the background image.
I'm confused. It ended up being identical to the test-book, but for the amount of content. I'm uploading a shortened version of the real book with almost no CSS (background doesn't show up in ADE), and the test book (background shows up in ADE), in case any of you can make any sense of it. |
05-25-2020, 11:28 PM | #130 | |
Bibliophagist
Posts: 34,517
Karma: 144552660
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
|
|
05-26-2020, 01:25 AM | #131 |
Enthusiast
Posts: 43
Karma: 100000
Join Date: Jun 2018
Device: none
|
Hey, David, I'm relieved (and at the same time, not) to see it is a local issue.
I'm using ADE 4.5.11, just reinstalled in case that was the matter, removed the book from ADE's library and added it back in... Now I'm worried I can't trust that testing stage (as little as I did, but hey). |
05-26-2020, 10:59 AM | #132 | |
Wizard
Posts: 1,528
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
Code:
div.Basic_Text_Frame {
border-style: 0;
margin: 0;
padding: 2.5em 6em 0 0;
background: url("../Images/bordes.jpg") no-repeat 100% 0;
background-size: contain;
}
[Lo que tú hiciste estuvo bien, excepto por un pequeño error en la indicación del trayecto hacia la imagen que hace de guarda a la derecha (fijate que el trayecto tiene que ir entre comillas y no es "../image/" sino "..images/") y ahora todo funciona bien en ADE. También corregí el padding derecho de la imagen de guarda, así los párrafos no se superponen con la imagen de fondo y se leen bien]. Saludos Rubén |
|
05-26-2020, 12:08 PM | #133 |
Bibliophagist
Posts: 34,517
Karma: 144552660
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
@Rubén Out of curiosity, did you do a Restructure Epub to Sigil Norm on the variant you generated?
|
05-26-2020, 12:18 PM | #134 |
Wizard
Posts: 1,528
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
|
05-26-2020, 01:08 PM | #135 |
Enthusiast
Posts: 43
Karma: 100000
Join Date: Jun 2018
Device: none
|
Thanks, Rubén. Damn that was sloppy (the lack of quotation marks and the image*s* thing. Both things are going into my Don't Forget list.
Muchas gracias, contesto en inglés para que los demás puedan seguir la historia con comodidad, pero me he sorprendido de encontrar varios hispanohablantes en estos foros… o al menos, que lo dejen manifiesto. Saludos desde Montevideo. Just modified a pair of properties (I found position:100% bit some pixels off the right side of the image; and attachment I needed the image not to scroll, in case there is scrolling). Code:
div.Basic_Text_Frame {
border-style: 0;
margin: 0;
padding: 2.5em 6em 0 0;
background: url("../Images/bordes.jpg") no-repeat 99% fixed;
background-size: contain;
}
|
Thread Tools | Search this Thread |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Kindle paperwhite crop background-image on top/bottom | j.puff@ppp.eu | Kindle Formats | 2 | 08-28-2013 11:58 AM |
Kindle paperwhite crop background-image on top/bottom | j.puff@ppp.eu | Kindle Developer's Corner | 1 | 08-26-2013 06:02 PM |
iBooks: Text overflowing image if it's at top of screen. | Oxford-eBooks | ePub | 30 | 05-10-2013 12:56 AM |
Image overlayed over text (but text visible if image disabled)? | Kaylee Skylyn | ePub | 5 | 08-01-2012 05:27 PM |
Background image | djrulz | Kindle Formats | 1 | 03-29-2011 04:51 PM |