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, 10: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 08:57 AM.
krausj is offline   Reply With Quote
Old 06-07-2013, 10: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,086
Karma: 1444487
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, 03:02 PM   #3
exaltedwombat
Evangelist
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: 460
Karma: 1703930
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, 06: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: 38,417
Karma: 19135915
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
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, 06: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: 38,417
Karma: 19135915
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
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, 07:47 PM   #6
exaltedwombat
Evangelist
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: 460
Karma: 1703930
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, 07: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: 38,417
Karma: 19135915
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
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, 12:17 PM   #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 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


All times are GMT -4. The time now is 10:33 PM.


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