MobileRead Forums - View Single Post

jackie_w · 02-17-2011, 04:14 PM

I don't know whether this will be any help. I convert raw HTML to EPUB all the time. I use Calibre only (not Sigil).

In the HTML I make sure my <img> tag is enclosed in <p>...</p> tags and that I don't have any height or width attributes set in the <img> tag. So a typical image would look like this in the HTML:

Code:

<p class="aligncentre"><img alt="c01" src="images/c01.jpg"/></p>

with this as the relevant bit of CSS:

Code:

.aligncentre {text-align:center; text-indent:0}

Edit: I wouldn't think it would matter whether your image was aligned left, right or center in the CSS.

02-17-2011, 04:14 PM	#2
jackie_w Grand Sorcerer Posts: 6,212 Karma: 16534894 Join Date: Sep 2009 Location: UK Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3	I don't know whether this will be any help. I convert raw HTML to EPUB all the time. I use Calibre only (not Sigil). In the HTML I make sure my <img> tag is enclosed in <p>...</p> tags and that I don't have any height or width attributes set in the <img> tag. So a typical image would look like this in the HTML: Code: <p class="aligncentre"><img alt="c01" src="images/c01.jpg"/></p> with this as the relevant bit of CSS: Code: .aligncentre {text-align:center; text-indent:0} Edit: I wouldn't think it would matter whether your image was aligned left, right or center in the CSS. Last edited by jackie_w; 02-17-2011 at 04:23 PM.