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 Fanatic Posts: 554 Karma: 422221 Join Date: Jul 2010 Location: UK Device: Sony PRS-300 & Kindle PW	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, 10:02 AM	#2
JSWolf Mobile Reader Geek Posts: 34,207 Karma: 13801264 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Sony Reader PRS-650, iPad	ADE is the standard by which all ePub are judged. __________________ Jon 2013 Reading List

10-01-2011, 11:20 AM	#5
Agama Fanatic Posts: 554 Karma: 422221 Join Date: Jul 2010 Location: UK Device: Sony PRS-300 & Kindle PW	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.

10-01-2011, 11:26 AM	#6
kovidgoyal Creator of calibre Posts: 22,481 Karma: 2944574 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. __________________ Get calibre Notice to all: I can not provide assistance with DRM removal, for legal reasons, so please do not contact me about it.

10-01-2011, 11:45 AM	#8
kovidgoyal Creator of calibre Posts: 22,481 Karma: 2944574 Join Date: Oct 2006 Location: Mumbai, India Device: Various	No, only in ADE. __________________ Get calibre Notice to all: I can not provide assistance with DRM removal, for legal reasons, so please do not contact me about it.

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


Advertisement Enthusiast