Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 06-07-2013, 09:11 AM   #1
krausj
Enthusiast
krausj began at the beginning.
 
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 07:57 AM.
krausj is offline   Reply With Quote
Old 06-07-2013, 09:42 AM   #2
mrmikel
Color me gone
mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.mrmikel ought to be getting tired of karma fortunes by now.
 
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;}
mrmikel is offline   Reply With Quote
Old 06-08-2013, 02:02 PM   #3
exaltedwombat
Guru
exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.
 
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>
exaltedwombat is offline   Reply With Quote
Old 06-08-2013, 05:43 PM   #4
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 73,668
Karma: 127838212
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by mrmikel View Post
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 is offline   Reply With Quote
Old 06-08-2013, 05:44 PM   #5
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 73,668
Karma: 127838212
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by exaltedwombat View Post
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;}
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.
JSWolf is offline   Reply With Quote
Old 06-08-2013, 06:47 PM   #6
exaltedwombat
Guru
exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.exaltedwombat ought to be getting tired of karma fortunes by now.
 
Posts: 878
Karma: 2457540
Join Date: Nov 2011
Device: none
Quote:
Originally Posted by JSWolf View Post
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.
exaltedwombat is offline   Reply With Quote
Old 06-08-2013, 06:51 PM   #7
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 73,668
Karma: 127838212
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.
JSWolf is offline   Reply With Quote
Old 06-12-2013, 11:17 AM   #8
krausj
Enthusiast
krausj began at the beginning.
 
Posts: 36
Karma: 10
Join Date: Apr 2013
Device: ipad
awesome! Thanks so much for the detailed responses. So far so good
krausj is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 03:04 AM.


MobileRead.com is a privately owned, operated and funded community.