Thread: Image styling css... what do all these properties do?
View Single Post
Old 06-09-2025, 08:01 PM   #8
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 46,410
Karma: 169098492
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
Quote:
Originally Posted by ElMiko View Post
@DNSB, I'm sorry... all of that SVG styling is WAY over my head...

It looks like the height is set to 100% in the picWrapper and the svg... and the height/width dimensions are specified at 1000x1500... but what if the image isn't 1000x1500?

Do you have an idea as to why the simple height/width properties are insufficient?
You will have to set the "1000, 1500" and the height and width to match. As for why the height/width are insufficient? I gave up on simple height/width due to issues with too many renderers that did their own thing with those settings. Even ADE/RMSDK and WebKit/Readium renderers don't give the same display.

As you can see from @RbnJrg's post, the answer can get even more complex but then copy/paste becomes your friend. Copy the code and then modify as needed (for instance, my cover images are all 1000x1500 or 1125x1500 pixels so I have 2 clips to insert that code.
Last edited by DNSB; 06-09-2025 at 08:05 PM.
DNSB is offline   Reply With Quote