Register Guidelines E-Books Today's Posts Search

Go Back   MobileRead Forums > E-Book Formats > Workshop

Notices

Reply
 
Thread Tools Search this Thread
Old 12-28-2023, 09:23 PM   #31
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,611
Karma: 8399999
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by PilcrowandStanza View Post
wonderful! This makes things so much simpler! (Don't have to do the whole image/caption grouped in seperate frame thing.) I even figured out how to do a variant that floats/wraps top right. (sweet!)

If you were here I would hug you!
Thank you so much!!
With your words is enough Glad that what I posted was useful for you.
RbnJrg is offline   Reply With Quote
Old 12-29-2023, 08:35 AM   #32
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 76,960
Karma: 138588794
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by PilcrowandStanza View Post
wonderful! This makes things so much simpler! (Don't have to do the whole image/caption grouped in seperate frame thing.) I even figured out how to do a variant that floats/wraps top right. (sweet!)

If you were here I would hug you!
Thank you so much!!
You do not want to use vh instead of %. The problem will be that a lot of programs/devices do not support vh and it won't work. The keep it simple rule does not allow vh in CSS.

The problem is that @RbnJrg is using Chrome add-ons such as Readium and Chrome does not support % properly. That's why full screen covers failed with valid code. Most people will not be using Chrome add-ons to read ePub. Most will be using a phone, tablet, or Reader.
JSWolf is offline   Reply With Quote
Old 12-29-2023, 09:54 AM   #33
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,241
Karma: 19222221
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Vh and vw are acceptable Jon. Did you miss the whole section/dicussion of making sure there was fallback code??
Turtle91 is offline   Reply With Quote
Old 12-29-2023, 12:25 PM   #34
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,611
Karma: 8399999
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Turtle91 View Post
Vh and vw are acceptable Jon. Did you miss the whole section/dicussion of making sure there was fallback code??
That's right! The OP still has to write the code for epub2. Vh an vw belong to css2 but ADE 2.x does not honor those units. For heigth, is not possible to use % unless you first define the height of the container and, how do you do that? What do you use? Px, em? We don't know the size of the screen; for that reason vh saves the day, but ereaders based on RMSDK won't support it. Fortunatelly ADE 4.x supports viewport units.
RbnJrg is offline   Reply With Quote
Old 12-29-2023, 12:29 PM   #35
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,241
Karma: 19222221
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Aside:
Spoiler:
Congrats on your 1500th post RbnJrg!!!
Turtle91 is offline   Reply With Quote
Old 12-29-2023, 12:29 PM   #36
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,611
Karma: 8399999
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by JSWolf View Post
The keep it simple rule does not allow vh in CSS.
The KISS rule is deprecated
RbnJrg is offline   Reply With Quote
Old 12-29-2023, 02:29 PM   #37
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,539
Karma: 19001081
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by RbnJrg View Post
Vh an vw belong to css2 but ADE 2.x does not honor those units.
To be fair, they are not, as far as I remember, included in the epub2 subset, so any epub2 reader is entitled to shamelessly ignore them.
Jellby is offline   Reply With Quote
Old 12-29-2023, 04:08 PM   #38
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,611
Karma: 8399999
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Turtle91 View Post
Aside:
Spoiler:
Congrats on your 1500th post RbnJrg!!!
Thank you very much!! I hadn't realized that! Wow! 1500 post since March 2013. The truth is that it scares me a little, because time flew by
RbnJrg is offline   Reply With Quote
Old 12-29-2023, 04:11 PM   #39
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,611
Karma: 8399999
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Jellby View Post
To be fair, they are not, as far as I remember, included in the epub2 subset, so any epub2 reader is entitled to shamelessly ignore them.
And all ereaders based on RMSDK do that, they shamelessly ignore viewport units.
RbnJrg is offline   Reply With Quote
Old 12-29-2023, 04:27 PM   #40
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,611
Karma: 8399999
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by JSWolf View Post
The problem is that @RbnJrg is using Chrome add-ons such as Readium and Chrome does not support % properly. That's why full screen covers failed with valid code. Most people will not be using Chrome add-ons to read ePub. Most will be using a phone, tablet, or Reader.
I test my code with all kind of apps and programs (based and non based on Chrome). The issue with "%", is that "%" works fine for "width" but in order to work fine with "height" (under Chrome or everywhere), it must be defined first the "height" of the container.

Things are not analogous. When we defined a "%" for a width, we are referring to the width of the screen. But when we defined a "%" for a height. we are not referring to the height of the screen but we are referring to the height of the container. So, if you want to use "%" referring to the height of the screen, you need first to set the height of html and body of this way:

Code:
html, body {
   height: 100%;
}
The above is ok ONLY for one page (like a cover). Do that, and things also will work under Chrome. However, you can find drawbacks in some others apps and programs.
RbnJrg is offline   Reply With Quote
Old 12-29-2023, 07:44 PM   #41
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 76,960
Karma: 138588794
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by Turtle91 View Post
Sooooo, what is "correct"? 100% is not correct on some devices; it causes a blank page following. Since 95% was an example, and specifically stated as an example, we can rely on readers to be smart enough to make their own decisions.

Personally, I use 95vh to be centered and take up 95% of the viewport (screen).

Cheers!
It's not correct if it's supposed to be a full screen image yet there are lines underneath because the image does not use enough of the screen.
JSWolf is offline   Reply With Quote
Old 12-29-2023, 07:59 PM   #42
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 76,960
Karma: 138588794
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by RbnJrg View Post
I test my code with all kind of apps and programs (based and non based on Chrome). The issue with "%", is that "%" works fine for "width" but in order to work fine with "height" (under Chrome or everywhere), it must be defined first the "height" of the container.

Things are not analogous. When we defined a "%" for a width, we are referring to the width of the screen. But when we defined a "%" for a height. we are not referring to the height of the screen but we are referring to the height of the container. So, if you want to use "%" referring to the height of the screen, you need first to set the height of html and body of this way:

Code:
html, body {
   height: 100%;
}
The above is ok ONLY for one page (like a cover). Do that, and things also will work under Chrome. However, you can find drawbacks in some others apps and programs.
Thanks. That does fix the bug with chromium.
JSWolf is offline   Reply With Quote
Old 12-29-2023, 09:11 PM   #43
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,241
Karma: 19222221
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by JSWolf View Post
It's not correct if it's supposed to be a full screen image yet there are lines underneath because the image does not use enough of the screen.
Not all devices/apps work the same way. Some will eat into the 100vh, reserving the space for headers/footers/progress bars etc. So, if you state 100vh then there is a little bit that hangs over to the next page. That's why some people will use 95vh to allow for those extra little things that some apps/devices do.

If you don't like 95, then you could try 94.5 or 96....
Turtle91 is offline   Reply With Quote
Reply

Tags
formatting, image, indesign, reflow


Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Full-page image "floating" for responsive pagination. Vanguard3000 ePub 15 10-01-2023 05:39 PM
[Feature Request] Manage "Full Text" search shuvashish76 Library Management 7 07-17-2022 12:54 AM
Koreader doesn't respond to "page-forward" touch in reflow mode doron KOReader 4 05-01-2016 10:27 AM
Zune eBook Creator (RTextAsImage) - "Convert" text to images oleg.shastitko Reading and Management 10 01-28-2008 02:18 PM


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


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