CSS being ignored in generated catalogue

Phssthpok · 04-21-2015, 06:27 AM

I have generated an AZW3 catalogue for my Kindle, but I have some issues with the formatting. I had a look at it with the Calibre editor, and the CSS doesn't seem to be being applied properly. The CSS for p.line_item looks like this:

.line_item {
clear: both;
display: block;
font-family: monospace;
text-align: left;
text-indent: -2em;
margin: 0 0 0 2em;
}

The actual text is in the normal font, and when the line is wrapped the second part of the line is not indented. The editor's "Live CSS" shows the computed final styling as this:

font-family: serif;
font-size: 18px
line-height: 21px
page-break-inside: avoid
text-align: left
text-indent: -28px

The font-family and margin-left settings are being ignored. Similarly, the left margin setting for p.series is ignored.

Can anyone tell me what's going on here?

theducks · 04-21-2015, 10:00 AM

Just to be clear: Your are trying to do a hanging indent?

IIRC Side margins on a K are one of those things that the 'We know best' rulers have taken over (just like the minimum white space (margin setting ) on the edge. )
Unlike EPUB, AZW3 is their spec. So they can do exactly what they want and not be in non-compliance.

Phssthpok · 04-21-2015, 01:18 PM

Quote:

Originally Posted by theducks

Just to be clear: Your are trying to do a hanging indent?

IIRC Side margins on a K are one of those things that the 'We know best' rulers have taken over (just like the minimum white space (margin setting ) on the edge. )
Unlike EPUB, AZW3 is their spec. So they can do exactly what they want and not be in non-compliance.

Curses. I have however fiddled about and found a set of magic numbers for the indents that (sort-of) work for me. Glad to hear it's not just me going mad...

Thanks!

04-21-2015, 06:27 AM	#1
Phssthpok Age improves with wine. Posts: 576 Karma: 95229 Join Date: Nov 2014 Device: Kindle Oasis, Kobo Libra II	CSS being ignored in generated catalogue I have generated an AZW3 catalogue for my Kindle, but I have some issues with the formatting. I had a look at it with the Calibre editor, and the CSS doesn't seem to be being applied properly. The CSS for p.line_item looks like this: .line_item { clear: both; display: block; font-family: monospace; text-align: left; text-indent: -2em; margin: 0 0 0 2em; } The actual text is in the normal font, and when the line is wrapped the second part of the line is not indented. The editor's "Live CSS" shows the computed final styling as this: font-family: serif; font-size: 18px line-height: 21px page-break-inside: avoid text-align: left text-indent: -28px The font-family and margin-left settings are being ignored. Similarly, the left margin setting for p.series is ignored. Can anyone tell me what's going on here?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Is it possible to apply CSS to Sigil generated TOC?	carogray	Sigil	20	10-28-2013 11:11 AM
Override ePub CSS with userStyle.css?	barium	Sony Reader Dev Corner	11	07-16-2011 03:25 PM
css pseudo elements and adjacent combinators in extra css?	ldolse	Calibre	2	12-21-2010 05:09 PM
Sigl auto-generated CSS	deckoff	Sigil	10	08-19-2010 03:46 PM
Calibre's generated css for epub	brewt	Calibre	7	12-29-2008 09:59 AM

04-21-2015, 10:00 AM	#2
theducks Well trained by Cats Posts: 31,047 Karma: 60358908 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Just to be clear: Your are trying to do a hanging indent? IIRC Side margins on a K are one of those things that the 'We know best' rulers have taken over (just like the minimum white space (margin setting ) on the edge. ) Unlike EPUB, AZW3 is their spec. So they can do exactly what they want and not be in non-compliance.

Advert