Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 02-13-2020, 01:37 PM   #1
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
Using bullet point image in EPUB

I am using bullet point images and used
<img src="../Images/Bullet_point_blue.png" width="20" height="20" align="text-top" style="font-size: 1em; text-indent: 0em;"/>

But Sigil does not like the align, how can I wrap the text after the bullet image so that is is centered properly?
increase is offline   Reply With Quote
Old 02-13-2020, 01:40 PM   #2
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 21,750
Karma: 118694650
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
Nothing to do with Sigil. Sigil neither likes nor dislikes the alignment.

EPUB, however, does not allow the use of 'align="text-top"' in general. It's not valid xhtml.

Moving this to the Epub forum.
DiapDealer is online now   Reply With Quote
Old 02-13-2020, 01:51 PM   #3
Quoth
the rook, bossing Never.
Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.
 
Quoth's Avatar
 
Posts: 1,200
Karma: 6709664
Join Date: Jun 2017
Location: Ireland
Device: Both Kinds: epub based makes and Kindle
Best to define a css style and use that either in p, span, div or img tags as appropriate.
Quoth is offline   Reply With Quote
Old 02-13-2020, 01:57 PM   #4
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
Quote:
Originally Posted by FrustratedReader View Post
Best to define a css style and use that either in p, span, div or img tags as appropriate.
Yes you are right, so for anyone else, it was this

<img class="”imgLeft”" src="../Images/Bullet_point_blue.png" width="20" height="20" style="font-size: 1em; text-indent: 0em;"/>

and css add
imgLeft {

float: left;

padding: 5px;

width: 30%;

height: auto;

display: block;

}
increase is offline   Reply With Quote
Old 02-13-2020, 03:48 PM   #5
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,128
Karma: 3856613
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by increase View Post
I am using bullet point images and used
<img src="../Images/Bullet_point_blue.png" width="20" height="20" align="text-top" style="font-size: 1em; text-indent: 0em;"/>

But Sigil does not like the align, how can I wrap the text after the bullet image so that is is centered properly?
You are employing a completly wrong code. You should use the css property "list-style-image". For example:

Code:
ul {
  list-style-image: url("../Images/Bullet_point_blue.png");
}
Try that.

Regards

Last edited by RbnJrg; 02-13-2020 at 03:56 PM.
RbnJrg is offline   Reply With Quote
Old 02-13-2020, 04:21 PM   #6
Quoth
the rook, bossing Never.
Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.Quoth ought to be getting tired of karma fortunes by now.
 
Quoth's Avatar
 
Posts: 1,200
Karma: 6709664
Join Date: Jun 2017
Location: Ireland
Device: Both Kinds: epub based makes and Kindle
Sometimes in a ebook it's better to use user constructed fake lists without the ul and related list elements. I'd always use the ul approach on a website.
Quoth is offline   Reply With Quote
Old 02-13-2020, 07:57 PM   #7
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 6,770
Karma: 32159627
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Aura One, Aura H2O, Aura HD, Nexus 7 HD, iPad Air, Tolino epos
Quote:
Originally Posted by increase View Post
I am using bullet point images and used
<img src="../Images/Bullet_point_blue.png" width="20" height="20" align="text-top" style="font-size: 1em; text-indent: 0em;"/>

But Sigil does not like the align, how can I wrap the text after the bullet image so that is is centered properly?
Out of curiosity, what units are you using for width and height? 20 is meaningless without the units (cm, px, pt, whatever) or %. Using absolute values (width=20px for example) is bad since the image can be overlarge on a low resolution screen and too small on a high resolution screen. Check any decent site for the width and height properties.
DNSB is offline   Reply With Quote
Old 02-14-2020, 12:13 PM   #8
hobnail
Running with scissors
hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.
 
Posts: 169
Karma: 1025332
Join Date: Nov 2019
Device: none
Quote:
Originally Posted by FrustratedReader View Post
Sometimes in an ebook it's better to use user constructed fake lists without the ul and related list elements.
But when?
hobnail is offline   Reply With Quote
Old 02-14-2020, 03:52 PM   #9
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 6,770
Karma: 32159627
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Aura One, Aura H2O, Aura HD, Nexus 7 HD, iPad Air, Tolino epos
Quote:
Originally Posted by hobnail View Post
But when?
Pretty much anytime that a list is used.
DNSB is offline   Reply With Quote
Old 02-14-2020, 07:47 PM   #10
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 1,976
Karma: 12600000
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2 & Air/Surface Pro/Kindle PW
Quote:
Originally Posted by DNSB View Post
Pretty much anytime that a list is used.
I would amend this statement slightly.... Pretty much anytime that a list is used IF your targeted selling platform has issues with list items.

That requires a little research to determine. The safe route would be to manually build the non-list. I'm more of a rebel however. I would use the standard html tags as designed. They are supposed to be supported in a standards compliant device/app. If customers complain, then the fault can be laid at the foot of the device/app maker to support the standards. It is only by this method that they will be pushed to maintain standards. Of course, I don't have to deal with pesky little things like customers and sales...
Turtle91 is offline   Reply With Quote
Old 02-14-2020, 10:01 PM   #11
hobnail
Running with scissors
hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.
 
Posts: 169
Karma: 1025332
Join Date: Nov 2019
Device: none
Quote:
Originally Posted by DNSB View Post
Pretty much anytime that a list is used.
Of course I forgot to add, "but why"?

Does the EPUB spec say what to use for the nav.xhtml in an EPUB 3? Sigil is using ol/li. I always use that nav.xhtml for the book's TOC that the user sees, by opening it in calibre's editor and dragging the nav.xhtml to the front of the book (doesn't work in sigil for whatever reason; it stays at the end).

I've used dt/dd for glossaries without any problems. I agree with Turtle91. (Let them eat cake!)
hobnail is offline   Reply With Quote
Old 02-15-2020, 12:50 AM   #12
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 6,770
Karma: 32159627
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Aura One, Aura H2O, Aura HD, Nexus 7 HD, iPad Air, Tolino epos
Quote:
Originally Posted by hobnail View Post
Of course I forgot to add, "but why"?

Does the EPUB spec say what to use for the nav.xhtml in an EPUB 3? Sigil is using ol/li. I always use that nav.xhtml for the book's TOC that the user sees, by opening it in calibre's editor and dragging the nav.xhtml to the front of the book (doesn't work in sigil for whatever reason; it stays at the end).

I've used dt/dd for glossaries without any problems. I agree with Turtle91. (Let them eat cake!)
I have two separate methods for working on ebooks. For myself, I'll use whatever I want as long as I can make it look good on my ereader collection. This is very different from when I am working on an ebook for another person, I tend to go as vanilla as possible to improve the chances of the book looking, if not good, at least readable on as many devices as possible.

As for nav.xhtml and lists? The spec is publicly available so you may want to check 5.4 EPUB Navigation Document Definition which does specify the use of ol/li elements.

Given that most of the associated text is rather short ( a short single line), there shouldn't be some of the issues I've seen with lists with multiline/multiparagraph text. Then there have been the times I've run into the use of nested lists. That use tends to end rather badly for all concerned.
DNSB is offline   Reply With Quote
Old 02-15-2020, 12:53 AM   #13
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 6,770
Karma: 32159627
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Aura One, Aura H2O, Aura HD, Nexus 7 HD, iPad Air, Tolino epos
Quote:
Originally Posted by Turtle91 View Post
They are supposed to be supported in a standards compliant device/app. If customers complain, then the fault can be laid at the foot of the device/app maker to support the standards. It is only by this method that they will be pushed to maintain standards. Of course, I don't have to deal with pesky little things like customers and sales...
Amazon. 'Nuff said!
DNSB is offline   Reply With Quote
Old 02-16-2020, 01:26 AM   #14
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 8,124
Karma: 87288491
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, and NookColor. 2 Droid, 1 Win8 ePUB rdrs
Quote:
Originally Posted by DNSB View Post
Amazon. 'Nuff said!
Yes...for which, faux lists never work right. Only bog-standard uls and ols can be relied upon to work in KF7, KF8 and KFX.

If you substitute a character, an icon, a bullet, or some funky thing like hearts, flowers, wee piglets (yes, really), the hang is never, never right. MOBI (in toto) does not like a faux-list-constructed hanging indent and it only aligns perfectly at one font size.

You can get away with it in ePUB--but not in MOBI and honestly, I never--never--recommend reconstructing a list rather than the standard HTML if we can help it for that reason. My inner control freak gets whingey when the hanging indent isn't perfect.

Hitch
Hitch is offline   Reply With Quote
Old 02-17-2020, 02:31 PM   #15
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 6,770
Karma: 32159627
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Aura One, Aura H2O, Aura HD, Nexus 7 HD, iPad Air, Tolino epos
Quote:
Originally Posted by Hitch View Post
Yes...for which, faux lists never work right. Only bog-standard uls and ols can be relied upon to work in KF7, KF8 and KFX.

If you substitute a character, an icon, a bullet, or some funky thing like hearts, flowers, wee piglets (yes, really), the hang is never, never right. MOBI (in toto) does not like a faux-list-constructed hanging indent and it only aligns perfectly at one font size.

You can get away with it in ePUB--but not in MOBI and honestly, I never--never--recommend reconstructing a list rather than the standard HTML if we can help it for that reason. My inner control freak gets whingey when the hanging indent isn't perfect.

Hitch
Not to mention the cases of readers who complain to Amazon and then the author gets told their book is being pulled until the formatting or typographic errors are corrected. In one case, the "typos" being complained about were the use of Canadian/British alternative spellings. Then we have Amazon's automated checking which seems to be more than a bit arbitrary at times. In the one case I was involved with a few years back, there seemed to be little information on exactly what triggered the warning message.
DNSB is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Please, Help! Incorrect Bullet Point, Ebook Conversion kidflash Conversion 5 10-01-2018 12:58 PM
At what point do we deprecate the 300KB image limit? eggheadbooks1 ePub 12 06-10-2014 06:47 PM
EPUB to mobi - new line after every bullet zippitydoda Conversion 17 01-23-2014 05:44 PM
EPUB to MOBI - Extra Space on Bullet Lists squiggy Conversion 2 01-31-2011 11:50 AM


All times are GMT -4. The time now is 11:27 AM.


MobileRead.com is a privately owned, operated and funded community.