MobileRead Forums - View Single Post - How to create this element cross-compatible

KevinH · 05-06-2019, 12:55 PM

I set this up in Sigil and had to add a "align-center" class to the stylesheet and ran the new WebEngine Inspector on the image and it did not like the css .bird left percentage as it was overridden in the xhtml img tag style attribute which takes precedence. It was not an error just overridden.

I had to tweak the 38% down to 35% to make the bird just touch the heading but other than that it seems to work well on WebKit/WebEngine based viewers such as Sigil and calibre.

I can see no reason why this would not work in a Mobi 8 (.azw3). Would an svg solution be possible/acceptable? Is the KDP for old mobi or newer?

05-06-2019, 12:55 PM	#6
KevinH Sigil Developer Posts: 8,939 Karma: 6361444 Join Date: Nov 2009 Device: many	I set this up in Sigil and had to add a "align-center" class to the stylesheet and ran the new WebEngine Inspector on the image and it did not like the css .bird left percentage as it was overridden in the xhtml img tag style attribute which takes precedence. It was not an error just overridden. I had to tweak the 38% down to 35% to make the bird just touch the heading but other than that it seems to work well on WebKit/WebEngine based viewers such as Sigil and calibre. I can see no reason why this would not work in a Mobi 8 (.azw3). Would an svg solution be possible/acceptable? Is the KDP for old mobi or newer? Last edited by KevinH; 05-06-2019 at 01:01 PM.