MobileRead Forums - View Single Post - Assigning height=”100%” within Sigil from a Calibre ePub

Arpeggio · 10-27-2013, 08:04 AM

Hi I'm new here. I write technical books with pictures and diagrams and need to make the images be contained within varying screen sizes without being clipped.

I’m not an expert and my html knowledge is minimal, so I guess I may have being making ePubs in an unconventional way. First I copy and paste the text from PDF into Sigil, then add images, clean up the html as much as I can within Sigil (going through its flight crew errors, infact I can't remember how I did this now but it involved learning some html at the time). Then I convert the file to ePub within Calibre in order to get it to 100% pass on Sigils flight crew. Finally I take all the spaces out between the image file names, the ePub then passes on ePubchecker. http://code.google.com/p/epubcheck/

After reading the following thread from here… https://www.mobileread.com/forums/sho...d.php?t=188033
I’ve been adding the height=“100%” to the post calibre version within Sigil rather than the pre Calibre version (as it’s a bit late to go back now). I have a question please.

The post Calibre version changes the html. For example…

<p class="calibre1"><img alt="" class="calibre42" src="../Images/Dmajorsinglestring.jpg" /></p>

If I add height="100%" just before src=” then look at the ePub in ADE it makes no difference. However if I remove class="calibre42" from the code as well, then the image appears thin within Sigil but within ADE resizes to fit any window size as required. I leave out width altogether on the basis that height is the important specification, and that otherwise width would interfere (i.e. on a short screen the image would look squashed).

Having done this with a few graphics then tested in within ePubChecker it passes.

Could the calibre html alterations be an issue? Is this an acceptable way of doing it or have I missed something?

Your views would be much appreciated.

10-27-2013, 08:04 AM	#1
Arpeggio Junior Member Posts: 7 Karma: 10 Join Date: Oct 2013 Device: All	Assigning height=”100%” within Sigil from a Calibre ePub Hi I'm new here. I write technical books with pictures and diagrams and need to make the images be contained within varying screen sizes without being clipped. I’m not an expert and my html knowledge is minimal, so I guess I may have being making ePubs in an unconventional way. First I copy and paste the text from PDF into Sigil, then add images, clean up the html as much as I can within Sigil (going through its flight crew errors, infact I can't remember how I did this now but it involved learning some html at the time). Then I convert the file to ePub within Calibre in order to get it to 100% pass on Sigils flight crew. Finally I take all the spaces out between the image file names, the ePub then passes on ePubchecker. http://code.google.com/p/epubcheck/ After reading the following thread from here… https://www.mobileread.com/forums/sho...d.php?t=188033 I’ve been adding the height=“100%” to the post calibre version within Sigil rather than the pre Calibre version (as it’s a bit late to go back now). I have a question please. The post Calibre version changes the html. For example… <p class="calibre1"><img alt="" class="calibre42" src="../Images/Dmajorsinglestring.jpg" /></p> If I add height="100%" just before src=” then look at the ePub in ADE it makes no difference. However if I remove class="calibre42" from the code as well, then the image appears thin within Sigil but within ADE resizes to fit any window size as required. I leave out width altogether on the basis that height is the important specification, and that otherwise width would interfere (i.e. on a short screen the image would look squashed). Having done this with a few graphics then tested in within ePubChecker it passes. Could the calibre html alterations be an issue? Is this an acceptable way of doing it or have I missed something? Your views would be much appreciated.