Query re images ......

akstirling · 12-27-2020, 06:56 AM

Hi ..... total beginner here, just created my first E-book using the app ..... i inserted images in the text in selected places in my manuscript ..... they appear in these locations in the converted epub ..... but also where there should simply be the cover image they are there too .... consequently the opening pages are a bit of a dog's breakfast ..... in short, any way to remove them by editing them out?????

theducks · 12-27-2020, 10:26 AM

Do you know any HTML?
Images are called by an <img > tag pair
That is usually wrapped with a Block type (p, div)
and all that should be removed IF that is all the content there is inside.
(FWIW alt="describes the image for screen readers" and in really part of the image for this purpose" )

phossler · 12-27-2020, 12:19 PM

How did you add the Cover Page?

When I use Tools, Add Cover and pick the cover page image, the resulting HTML looks like this

Spoiler:

12-27-2020, 06:56 AM	#1
akstirling Junior Member Posts: 1 Karma: 10 Join Date: Dec 2020 Device: none	Query re images ...... Hi ..... total beginner here, just created my first E-book using the app ..... i inserted images in the text in selected places in my manuscript ..... they appear in these locations in the converted epub ..... but also where there should simply be the cover image they are there too .... consequently the opening pages are a bit of a dog's breakfast ..... in short, any way to remove them by editing them out?????

12-27-2020, 12:19 PM	#3
phossler Wizard Posts: 1,090 Karma: 447222 Join Date: Jan 2009 Location: Valley Forge, PA, USA Device: Kindle Paperwhite	How did you add the Cover Page? When I use Tools, Add Cover and pick the cover page image, the resulting HTML looks like this Spoiler: <?xml version='1.0' encoding='utf-8'?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta name="calibre:cover" content="true"/> <title>Cover</title> <style type="text/css" title="override_css"> @page { padding: 0; margin: 0; } body { text-align: center; padding: 0; margin: 0; } </style> </head> <body> <div> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 306 423" preserveAspectRatio="xMidYMid meet"> <image width="306" height="423" xlink:href="../cover.jpg"/> </svg> </div> </body> </html>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Remove background images from pdfs? perhaps all images?	MarjaE	PDF	2	10-17-2018 03:30 PM
How to change the Sigil Images folder name to images	davidspring	Sigil	29	02-12-2018 05:00 AM
Help with search query	Snow Sciles	Library Management	1	07-29-2015 12:08 PM
Hello and query	MPDuke	Introduce Yourself	8	12-13-2011 10:27 AM
Query: Getting Title to Appear How You Want It To Appear	Mindy	Bookeen	18	08-08-2008 08:15 AM

12-27-2020, 10:26 AM	#2
theducks Well trained by Cats Posts: 31,224 Karma: 60406678 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Do you know any HTML? Images are called by an <img > tag pair That is usually wrapped with a Block type (p, div) and all that should be removed IF that is all the content there is inside. (FWIW alt="describes the image for screen readers" and in really part of the image for this purpose" )

Advert