How do I indent each line of my fixed-layout epub?

krausj · 06-07-2013, 10:11 AM

This is how the text is set up in xhtml documents:

[Image exceeds guidelines for image - MODERATOR]

mrmikel · 06-07-2013, 10:42 AM

If you want the whole paragraph indented like in a quote, create a new class with a left margin of whatever you want...10px maybe.

This is what I use for quotes:

.quote {margin-left:7%; margin-right:7%;text-indent:0px; text-align:justify;}

exaltedwombat · 06-08-2013, 03:02 PM

Forget about using . You need to define some classes in your stylesheet, with suitable values for text-indent and margin-top. This should do. Use for the first paragraph of a block, just for subsequent paragraphs.

p {margin:0; text-indent:1.3em;}

.p1 {margin-top:1em;text-indent:0;}

<body>
<h1>Title</h1>
First paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent

Subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above.

Short paragraph with same settings.

Another short paragraph with same settings.

Subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above.

First paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent.
</body>

JSWolf · 06-08-2013, 06:43 PM

Quote:

Originally Posted by mrmikel

If you want the whole paragraph indented like in a quote, create a new class with a left margin of whatever you want...10px maybe.

This is what I use for quotes:

.quote {margin-left:7%; margin-right:7%;text-indent:0px; text-align:justify;}

Would be better off with a blockquote. The default values for a block quote are margin-top: 1.2em; margin-bottom: 1.2em; margin-left: 42px; margin-right 42px. You can change this in CSS if you want.

JSWolf · 06-08-2013, 06:44 PM

Quote:

Originally Posted by exaltedwombat

Forget about using . You need to define some classes in your stylesheet, with suitable values for text-indent and margin-top. This should do. Use for the first paragraph of a block, just for subsequent paragraphs.

p {margin:0; text-indent:1.3em;}

.p1 {margin-top:1em;text-indent:0;}

I would do .p1 differently. I would have the header style put in the bottom margin and have .p1 have no top margin. No need for it.

exaltedwombat · 06-08-2013, 07:47 PM

Quote:

Originally Posted by JSWolf

I would do .p1 differently. I would have the header style put in the bottom margin and have .p1 have no top margin. No need for it.

It looked as if not all blocks of text had a heading? And I'm not at all sure whether he wants white space between sections, or a block indent.

JSWolf · 06-08-2013, 07:51 PM

Did it get mentioned that unless this is ePub 3 code, it's not actually ePub as there is no fixed-layout standard except ePub 3?

iBooks, nook, Kobo, etc all use something different.

krausj · 06-12-2013, 12:17 PM

awesome! Thanks so much for the detailed responses. So far so good

06-07-2013, 10:11 AM	#1
krausj Enthusiast Posts: 36 Karma: 10 Join Date: Apr 2013 Device: ipad	How do I indent each line of my fixed-layout epub? This is how the text is set up in xhtml documents: [Image exceeds guidelines for image - MODERATOR] Last edited by Dr. Drib; 02-27-2014 at 08:57 AM.

06-08-2013, 03:02 PM	#3
exaltedwombat Guru Posts: 878 Karma: 2457540 Join Date: Nov 2011 Device: none	Forget about using <br/>. You need to define some classes in your stylesheet, with suitable values for text-indent and margin-top. This should do. Use <p class="p1"> for the first paragraph of a block, just <p> for subsequent paragraphs. p {margin:0; text-indent:1.3em;} .p1 {margin-top:1em;text-indent:0;} <body> <h1>Title</h1> <p class="p1">First paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent</p> <p>Subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above.</p> <p>Short paragraph with same settings.</p> <p>Another short paragraph with same settings.</p> <p>Subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above subsequent paragraph with no indent or space above.</p> <p class="p1">First paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent first paragraph with space above and indent.</p> </body>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Fixed layout epub	curiousgeorge	ePub	3	01-18-2013 05:27 PM
Touch How to created Fixed layout ePub in BN?	bhuvana786	Barnes & Noble NOOK	4	06-01-2012 06:58 AM
Images as fixed layout epub	Dillinquent	ePub	6	06-10-2011 03:22 PM
Fixed-layout epub	bhuvana786	ePub	2	04-07-2011 09:00 AM

06-07-2013, 10:42 AM	#2
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	If you want the whole paragraph indented like in a quote, create a new class with a left margin of whatever you want...10px maybe. This is what I use for quotes: .quote {margin-left:7%; margin-right:7%;text-indent:0px; text-align:justify;}

06-08-2013, 07:51 PM	#7
JSWolf Resident Curmudgeon Posts: 80,981 Karma: 150249633 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Did it get mentioned that unless this is ePub 3 code, it's not actually ePub as there is no fixed-layout standard except ePub 3? iBooks, nook, Kobo, etc all use something different.

06-12-2013, 12:17 PM	#8
krausj Enthusiast Posts: 36 Karma: 10 Join Date: Apr 2013 Device: ipad	awesome! Thanks so much for the detailed responses. So far so good

Advert

Advert