02-13-2020, 12:37 PM | #1 |
Connoisseur
Posts: 86
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? |
02-13-2020, 12:40 PM | #2 |
Grand Sorcerer
Posts: 27,553
Karma: 193191846
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. |
02-13-2020, 12:51 PM | #3 |
the rook, bossing Never.
Posts: 11,173
Karma: 85874891
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper11
|
Best to define a css style and use that either in p, span, div or img tags as appropriate.
|
02-13-2020, 12:57 PM | #4 | |
Connoisseur
Posts: 86
Karma: 10
Join Date: Jan 2020
Device: kindle
|
Quote:
<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; } |
|
02-13-2020, 02:48 PM | #5 | |
Wizard
Posts: 1,552
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
Code:
ul { list-style-image: url("../Images/Bullet_point_blue.png"); } Regards Last edited by RbnJrg; 02-13-2020 at 02:56 PM. |
|
02-13-2020, 03:21 PM | #6 |
the rook, bossing Never.
Posts: 11,173
Karma: 85874891
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper11
|
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.
|
02-13-2020, 06:57 PM | #7 | |
Bibliophagist
Posts: 35,513
Karma: 145557716
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
|
|
02-14-2020, 11:13 AM | #8 |
Running with scissors
Posts: 1,552
Karma: 14325282
Join Date: Nov 2019
Device: none
|
|
02-14-2020, 02:52 PM | #9 |
Bibliophagist
Posts: 35,513
Karma: 145557716
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
|
02-14-2020, 06:47 PM | #10 |
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
|
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... |
02-14-2020, 09:01 PM | #11 |
Running with scissors
Posts: 1,552
Karma: 14325282
Join Date: Nov 2019
Device: none
|
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!) |
02-14-2020, 11:50 PM | #12 | |
Bibliophagist
Posts: 35,513
Karma: 145557716
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
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. |
|
02-14-2020, 11:53 PM | #13 | |
Bibliophagist
Posts: 35,513
Karma: 145557716
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
|
|
02-16-2020, 12:26 AM | #14 |
Bookmaker & Cat Slave
Posts: 11,462
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
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 |
02-17-2020, 01:31 PM | #15 | |
Bibliophagist
Posts: 35,513
Karma: 145557716
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
|
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Please, Help! Incorrect Bullet Point, Ebook Conversion | kidflash | Conversion | 5 | 10-01-2018 11:58 AM |
At what point do we deprecate the 300KB image limit? | eggheadbooks1 | ePub | 12 | 06-10-2014 05:47 PM |
EPUB to mobi - new line after every bullet | zippitydoda | Conversion | 17 | 01-23-2014 04:44 PM |
EPUB to MOBI - Extra Space on Bullet Lists | squiggy | Conversion | 2 | 01-31-2011 10:50 AM |