Problems with Image CSS

SigilBear · 02-02-2022, 08:32 PM

I'm not sure which forum this belongs in, so I'll try here...

I created an epub with Sigil and published it to Amazon, Barnes & Noble and Kobo. It looks pretty good in general, but I'm having some major problems with images - it appears that the CSS I assigned to them isn't working.

For example, if I have an image whose width is 50% of the page and it's floated to the right, it spans 98% of the page in the published version, with a tiny sliver of text on the left.

Or if I have a tiny icon that's supposed to measure around 20 pixels, it, too, spans the entire page.

The problem is worst in Kobo, but they haven't replied to my queries.

Does anyone know how to fix this? Thanks.

jhowell · 02-02-2022, 09:45 PM

I doubt anyone is going to be able to help resolve this without seeing the actual HTML and CSS for the images and encompassing elements.

Have you run the book though EpubCheck?

(This probably belongs in the ePub forum. You can report your own post and ask a moderator to move it.)

Hitch · 02-09-2022, 01:03 PM

Quote:

Originally Posted by SigilBear

I'm not sure which forum this belongs in, so I'll try here...

I created an epub with Sigil and published it to Amazon, Barnes & Noble and Kobo. It looks pretty good in general, but I'm having some major problems with images - it appears that the CSS I assigned to them isn't working.

For example, if I have an image whose width is 50% of the page and it's floated to the right, it spans 98% of the page in the published version, with a tiny sliver of text on the left.

Or if I have a tiny icon that's supposed to measure around 20 pixels, it, too, spans the entire page.

The problem is worst in Kobo, but they haven't replied to my queries.

Does anyone know how to fix this? Thanks.

If I were a betting woman, I'd say, sight unseen, that they're contained inside paragraph HTML. Rather than being standalone img tags inside, say, divs?

Hitch

Turtle91 · 02-09-2022, 05:52 PM

This appears to be a continuation of your previous thread - with the same title and the same problem. Perhaps we can just continue the discussion there so everyone knows the history.

Please ask a moderator to merge the two threads. Thanks!

02-02-2022, 08:32 PM	#1
SigilBear Banned Posts: 244 Karma: 2112680 Join Date: Jan 2017 Device: iBooks	Problems with Image CSS I'm not sure which forum this belongs in, so I'll try here... I created an epub with Sigil and published it to Amazon, Barnes & Noble and Kobo. It looks pretty good in general, but I'm having some major problems with images - it appears that the CSS I assigned to them isn't working. For example, if I have an image whose width is 50% of the page and it's floated to the right, it spans 98% of the page in the published version, with a tiny sliver of text on the left. Or if I have a tiny icon that's supposed to measure around 20 pixels, it, too, spans the entire page. The problem is worst in Kobo, but they haven't replied to my queries. Does anyone know how to fix this? Thanks.

02-02-2022, 09:45 PM	#2
jhowell Grand Sorcerer Posts: 6,498 Karma: 84420419 Join Date: Nov 2011 Location: Tampa Bay, Florida Device: Kindles	I doubt anyone is going to be able to help resolve this without seeing the actual HTML and CSS for the images and encompassing elements. Have you run the book though EpubCheck? (This probably belongs in the ePub forum. You can report your own post and ask a moderator to move it.) Last edited by jhowell; 02-02-2022 at 09:47 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
background color/image no margins css?	jmd87	ePub	6	06-30-2014 05:35 AM
full page image problems with iBooks/cover problems in iTunes	iain robinson	ePub	1	06-28-2013 11:10 AM
kindlegen - center image using CSS only?	mjwilson	Kindle Formats	4	09-18-2012 06:02 AM
CSS Problems	Ti-Ron	ePub	11	04-29-2012 06:20 PM
css, non-repeating background image	ckirchho	ePub	3	06-26-2009 04:35 AM

02-09-2022, 05:52 PM	#4
Turtle91 A Hairy Wizard Posts: 3,101 Karma: 18727053 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	This appears to be a continuation of your previous thread - with the same title and the same problem. Perhaps we can just continue the discussion there so everyone knows the history. Please ask a moderator to merge the two threads. Thanks!

Advert