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

Go Back   MobileRead Forums > E-Book Software > Calibre > Editor

Notices

Reply
 
Thread Tools Search this Thread
Old 12-29-2023, 02:49 PM   #1
fogice
Groupie
fogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of light
 
Posts: 152
Karma: 12092
Join Date: May 2014
Device: Kobo Libra 2
Images cut off, easy solution?

I am reading a scraped version of a web serial. There are occasional chapters where there are graphics instead of text. In those, I am having an issue that the right edges of the graphics aren't being displayed. It happens on both my Kobo Libra 2 () and on the Books app on an iPhone ( ), although it displays fine in the Calibre editor. The original source is this webpage.

In the editor, this graphic is displayed as:
Code:
<p class="calibre2"><img src="images/2020/07/location-notes-spirit-world-a-2.png" height="826" width="584" alt="" class="aligncenter8"/></p>

.calibre2 {
  border-bottom: 0;
  border-top: 0;
  display: block;
  padding-bottom: 0;
  padding-top: 0;
  text-indent: 1.5em;
  margin: 0;
}

.aligncenter8 {
  height: auto;
  object-fit: contain;
  text-align: center;
  width: 100%;
}
This graphic is 1123 high and 794 wide, but the sizes vary. I also notice that the graphic is squished vertically on the Kobo, but not on the iPhone.

Why are the graphics being cut off like this? Is there an easy regex or something that can make it all better, say to display at maximum size while keeping the ratio? Doing the fixes by hand would be painful, there are hundreds of these images.

Last edited by fogice; 12-29-2023 at 03:14 PM.
fogice is online now   Reply With Quote
Old 12-29-2023, 03:58 PM   #2
theducks
Well trained by Cats
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 29,763
Karma: 54401244
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
CSS
Cascade means things nest (and some can't be disabled)

Body has margins
You indented calibre2
The device needs a few PX leeway for the bezel.
trying for a Zero overall margin is fraught. (FWIW I use 4px as my body default)
theducks is offline   Reply With Quote
Advert
Old 12-29-2023, 04:21 PM   #3
fogice
Groupie
fogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of lightfogice is a glorious beacon of light
 
Posts: 152
Karma: 12092
Join Date: May 2014
Device: Kobo Libra 2
Quote:
Originally Posted by theducks View Post
CSS
Cascade means things nest (and some can't be disabled)

Body has margins
You indented calibre2
The device needs a few PX leeway for the bezel.
trying for a Zero overall margin is fraught. (FWIW I use 4px as my body default)
I created a copy of calibre2 called calibre2g and removed the indent. This brings the right edge back onto the screen, which is a great first step. (The original document had spaces between paragraphs and no indents; the Convert Books tool changed that to indents without spaces for me, and I guess it affected these pages as well.)

I don't need the graphic to be completely bezel-to-bezel, just 'reasonably maximized' and in proportion. If I remove the height="nn" and width="nn" elements for each graphic, would the CSS for aligncenter8 keep things under control? And what's the alt="" tag for, is that hover-text?
fogice is online now   Reply With Quote
Old 12-29-2023, 07:20 PM   #4
theducks
Well trained by Cats
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 29,763
Karma: 54401244
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
change the width to auto
Set the height to 95%
theducks is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS solution for words cut-off in kepub full screen reading scoky Kobo Reader 35 04-29-2015 02:07 AM
images are cut off during mobi to PDF conversion readman Conversion 2 06-30-2012 09:05 AM
Possible solution for full screen images erez213 Kindle Developer's Corner 242 06-20-2012 11:15 AM
PDF images upside down - a solution Fingerstoo Conversion 4 12-21-2011 11:57 AM
I'm hoping there's an easy solution simplynoted Workshop 3 07-25-2011 09:16 PM


All times are GMT -4. The time now is 06:59 PM.


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