change img or box width for multi-column in calibre viewer

rjwse@aol.com · 11-29-2019, 12:43 PM

When using calibre viewer in landscape or portrait I very often employ an instruction which alters the size of an image or boxed text. When in landscape the image would normally appear way too large, so I have it rendered smaller. Yet this is complicated if the viewer displays in multi-column mode. A 3-column landscape would probably want the image full-column width. Does anyone know how to conditionally assign widths based on column widths rather than aspect ratio or portrait/landscape. I am currently using grid wrapping flex and it is complicated. Screenshots enclosed. Best regards, Pop

kovidgoyal · 11-29-2019, 10:30 PM

I dont know of any way to use CSS column widths (CSS columns are what the viewer uses for pagination) in other css rules, so I dont think this would be easily do-able.

rjwse@aol.com · 12-02-2019, 10:48 AM

Thank you Mr. Goyal for your reply. I am surprised that with all the options developed for CSS that there is no way to specify an image width based on column width. Apparently, you can use (1) aspect ratio, (2) absolute width in px, em, %, vw , etc or (3) portrait/landscape. Portrait/landscape is just shorthand form for either/or aspect ratio, but no options relate to actual column width. I compromise by testing em. Here is another pair of examples. Best regards, Pop

11-29-2019, 12:43 PM	#1
rjwse@aol.com Addict Posts: 319 Karma: 2228060 Join Date: Dec 2013 Location: LaVernia, Texas Device: kindle epub readers on android	change img or box width for multi-column in calibre viewer When using calibre viewer in landscape or portrait I very often employ an instruction which alters the size of an image or boxed text. When in landscape the image would normally appear way too large, so I have it rendered smaller. Yet this is complicated if the viewer displays in multi-column mode. A 3-column landscape would probably want the image full-column width. Does anyone know how to conditionally assign widths based on column widths rather than aspect ratio or portrait/landscape. I am currently using grid wrapping flex and it is complicated. Screenshots enclosed. Best regards, Pop Attached Thumbnails

12-02-2019, 10:48 AM	#3
rjwse@aol.com Addict Posts: 319 Karma: 2228060 Join Date: Dec 2013 Location: LaVernia, Texas Device: kindle epub readers on android	multicolumn responsive images and text boxes Thank you Mr. Goyal for your reply. I am surprised that with all the options developed for CSS that there is no way to specify an image width based on column width. Apparently, you can use (1) aspect ratio, (2) absolute width in px, em, %, vw , etc or (3) portrait/landscape. Portrait/landscape is just shorthand form for either/or aspect ratio, but no options relate to actual column width. I compromise by testing em. Here is another pair of examples. Best regards, Pop Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Unable to adjust column width	20LEgend	Calibre	2	05-26-2017 12:16 PM
Aura pdf article column width	pharme	Kobo Reader	3	11-10-2014 12:33 AM
Q: multi-column PDF to single column mobi format converstion	auburn1975	Calibre	7	01-28-2012 06:11 PM
Calibre Viewer Dictionary Change Language	Welderman	Introduce Yourself	8	01-12-2011 05:09 AM
WIDTH and HEIGHT in <img> tags	Pablo	Sigil	3	06-10-2010 05:37 PM

11-29-2019, 10:30 PM	#2
kovidgoyal creator of calibre Posts: 45,279 Karma: 27111060 Join Date: Oct 2006 Location: Mumbai, India Device: Various	I dont know of any way to use CSS column widths (CSS columns are what the viewer uses for pagination) in other css rules, so I dont think this would be easily do-able.

Advert