MobileRead Forums - View Single Post

anamardoll · 07-04-2011, 01:49 PM

I'm really new to the Sigil/ePub/HTML stuff, so please bear with me if this is a stupid question -- my Googlefu failed me with this.

I'd like to add some images to an ePub. Each image would have its own "page", and I've figured out how to do that in Sigil, yay. But here's what I'm still missing and I'm not sure what to add to the code to get it:

1. It would be nice to have the image resize down to the reader screen size. Is there a way to tell the code to do this, or do I need to optimize the image for my 5" reader and then just let it have white space around it on the 7"? I have to think there is a way to resize, since my covers seem to do this already, but I don't know the code.

2. I would like the center of the image to always be at the center of the reader screen. I've noticed with the image I have now, that it's getting set to the upper left hand corner on my 7" reader, instead of in the center like it's supposed to be.

Here's what I currently have now:

Code:

<p class="calibre6" id="calibre_pb_5">
  <a class="calibre7" id="_Toc296770305"></a>
  <span class="sd-abs-pos">
    <img alt="DSC04389.JPG" class="calibre16" src="../Images/tmp0_html_m1bae5114.jpg" />
  </span>
  <br class="calibre5" />
  <br class="calibre5" />
</p>

Thank you in advance for the help.

07-04-2011, 01:49 PM	#1
anamardoll Chasing Butterflies Posts: 3,132 Karma: 5074169 Join Date: Mar 2011 Location: American Southwest Device: Uses batteries.	Images! I'm really new to the Sigil/ePub/HTML stuff, so please bear with me if this is a stupid question -- my Googlefu failed me with this. I'd like to add some images to an ePub. Each image would have its own "page", and I've figured out how to do that in Sigil, yay. But here's what I'm still missing and I'm not sure what to add to the code to get it: 1. It would be nice to have the image resize down to the reader screen size. Is there a way to tell the code to do this, or do I need to optimize the image for my 5" reader and then just let it have white space around it on the 7"? I have to think there is a way to resize, since my covers seem to do this already, but I don't know the code. 2. I would like the center of the image to always be at the center of the reader screen. I've noticed with the image I have now, that it's getting set to the upper left hand corner on my 7" reader, instead of in the center like it's supposed to be. Here's what I currently have now: Code: <p class="calibre6" id="calibre_pb_5"> <a class="calibre7" id="_Toc296770305"></a> <span class="sd-abs-pos"> <img alt="DSC04389.JPG" class="calibre16" src="../Images/tmp0_html_m1bae5114.jpg" /> </span> <br class="calibre5" /> <br class="calibre5" /> </p> Thank you in advance for the help.