Consistent styling of LI tags in ePubs

Agama · 10-01-2011, 09:53 AM

Is there a way to produce a consistent left-margin indent of LI items within ePub documents? The attached images show LI items rendered in ADE and calibre book viewer with a left-margin:1.5em setting on the OL tag.

The margin is rendered much larger in calibre viewer than ADE, almost as though ADE is setting the margin for the actual text of the LI item, (then displaying the list number to its left), and calibre is setting the margin for the list item number, (then displaying the text to its right).

I don't know if there's a right or wrong about this but I would like to produce ePubs which display as similarly as possible on different devices.

JSWolf · 10-01-2011, 10:02 AM

ADE is the standard by which all ePub are judged.

theducks · 10-01-2011, 10:37 AM

Quote:

Originally Posted by JSWolf

ADE is the standard by which all ePub are judged.

Oh my!

(I wish it was not so

as there are way to many flaws in the version on my device)

PeterT · 10-01-2011, 10:43 AM

Quote:

Originally Posted by theducks

Oh my!

(I wish it was not so

as there are way to many flaws in the version on my device)

I *THINK* he is referring to the Desktop version as opposed to any of the versions on eBook readers.

Agama · 10-01-2011, 11:20 AM

ADE on my PC and Sony reader behave almost identically. So perhaps I should accept that lists will format differently on different devices and therefore sidestep the issue by changing them into nested blockquotes.

I had thought that CSS formatting would render the same on all devices, but it seems that there is enough scope in the definition to allow varying interpretations.

kovidgoyal · 10-01-2011, 11:26 AM

ADE has bugs in rendering <ol> and <ul> elements with left margins. Use padding instead of margin.

@JSWolf: ADE is definitely not the standard for EPUB. It's implementation of the CSS box model is totally broken. ADE is to EPUB readers what IE is to browsers. Something that you have to code special compatibility for.

Agama · 10-01-2011, 11:37 AM

Quote:

Originally Posted by kovidgoyal

ADE has bugs in rendering <ol> and <ul> elements with left margins. Use padding instead of margin.

Thank-you. It works perfectly with padding-left instead of margin-left.

Is padding generally preferred to margin for generating white space?

kovidgoyal · 10-01-2011, 11:45 AM

No, only in ADE.

10-01-2011, 09:53 AM	#1
Agama Guru Posts: 776 Karma: 2751519 Join Date: Jul 2010 Location: UK Device: PW2, Nexus7	Consistent styling of LI tags in ePubs Is there a way to produce a consistent left-margin indent of LI items within ePub documents? The attached images show LI items rendered in ADE and calibre book viewer with a left-margin:1.5em setting on the OL tag. The margin is rendered much larger in calibre viewer than ADE, almost as though ADE is setting the margin for the actual text of the LI item, (then displaying the list number to its left), and calibre is setting the margin for the list item number, (then displaying the text to its right). I don't know if there's a right or wrong about this but I would like to produce ePubs which display as similarly as possible on different devices. Attached Thumbnails

10-01-2011, 11:20 AM	#5
Agama Guru Posts: 776 Karma: 2751519 Join Date: Jul 2010 Location: UK Device: PW2, Nexus7	ADE on my PC and Sony reader behave almost identically. So perhaps I should accept that lists will format differently on different devices and therefore sidestep the issue by changing them into nested blockquotes. I had thought that CSS formatting would render the same on all devices, but it seems that there is enough scope in the definition to allow varying interpretations. Last edited by Agama; 10-01-2011 at 11:22 AM.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Amazon Tags - Popular tags vs Unique tags.	chrisanthropic	Writers' Corner	6	09-19-2011 11:18 PM
How do I make Page Breaks consistent with original text	graemestone	Introduce Yourself	7	12-17-2010 06:41 PM
Consistent EPUB Conversion	mboyaci	Calibre	19	12-12-2010 06:13 AM
Trying to get consistent look to all output	daveps	Calibre	0	03-08-2010 02:18 PM

10-01-2011, 10:02 AM	#2
JSWolf Resident Curmudgeon Posts: 73,866 Karma: 128597114 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	ADE is the standard by which all ePub are judged.

10-01-2011, 11:26 AM	#6
kovidgoyal creator of calibre Posts: 43,835 Karma: 22666666 Join Date: Oct 2006 Location: Mumbai, India Device: Various	ADE has bugs in rendering <ol> and <ul> elements with left margins. Use padding instead of margin. @JSWolf: ADE is definitely not the standard for EPUB. It's implementation of the CSS box model is totally broken. ADE is to EPUB readers what IE is to browsers. Something that you have to code special compatibility for.

10-01-2011, 11:45 AM	#8
kovidgoyal creator of calibre Posts: 43,835 Karma: 22666666 Join Date: Oct 2006 Location: Mumbai, India Device: Various	No, only in ADE.

Advert

Advert