04-02-2012, 05:27 AM | #1 |
Junior Member
Posts: 3
Karma: 10
Join Date: Apr 2012
Device: none
|
Create a space between some paragraphs
Hi everyone! I'm trying to figure it out how is the best/correct way to create spaces between some paragraphs.
I have different choices to make: 1st. Between .space { margin-top:2.5 em; }/.space { padding-top:2.5em; } 2nd. Between Code:
<p>Text</p> <p class="space">Text</p> Code:
<p>Text</p> <p class="space"></p> <p>Text</p> or Code:
<p>Text</p> <p class="space"> </p> <p>Text</p> A lot of thanks!!! |
04-02-2012, 09:13 AM | #2 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Depends. I use your first and you last solution. The middle one can be ignored by a reader. If it is a section break, I tend to use the last option. If it is for something else, I would probably use the first one.
Also, with your last option, you don't need the style 'space'. You just get an empty line. |
04-02-2012, 11:58 AM | #3 |
Zealot
Posts: 128
Karma: 238654
Join Date: Aug 2009
Device: Kobo Mini (4GB), Nook Classic wi-fi, iPod Touch (Bluefire Reader)
|
I always use something like this,
Code:
.space{margin-top:2,5em;} <p>Text</p> <p class="space">More Text</p> |
04-02-2012, 12:57 PM | #4 | |
Berti
Posts: 1,196
Karma: 4985964
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
|
Quote:
If you use a border around the paragraph or some background-color, then there is a big difference. |
|
04-04-2012, 01:34 PM | #5 |
Connoisseur
Posts: 52
Karma: 10
Join Date: Jul 2010
Location: Denver, Colorado
Device: iphone, ipad, kindle, nook
|
If you're working in InDesign, you can make a style that has space below or above to provide white space between paragraphs.
|
04-06-2012, 09:12 PM | #6 |
Junior Member
Posts: 8
Karma: 10
Join Date: Apr 2012
Device: All
|
For some reason I use this -
p.breakinp { text-indent:20px; margin-top:0; margin-left: 0; margin-right:0; font-family:"Times New Roman", Times, serif; font-size:12px; margin-bottom: 2em; } - for my paragraphs that need space between them. However Kobo Vox (the native reader) does not read it. I have no idea why. I'm kind of lost because those spaces are really needed. None of my CSS margins are being read. Every other device reads it, just not the Kobo reader or the Kobo Vox or the other android reader. Is my CSS too primitive? Or is my code funky? I use both Sigil and Calibre. |
04-06-2012, 11:22 PM | #7 |
Booklegger
Posts: 1,801
Karma: 7999816
Join Date: Jun 2009
Location: Toronto, Ontario, Canada
Device: BeBook(1 & 2010), PEZ, PRS-505, Kobo BT, PRS-T1, Playbook, Kobo Touch
|
Slightly off-topic... Do you really want a font size of 12 PIXELS? That's pretty tiny on a 167 dpi screen like the Kobo. And I always do my text-indent in ems... I don't know if checking on an old Kobo would help you.
|
04-07-2012, 04:03 PM | #8 | |
Resident Curmudgeon
Posts: 73,957
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
Here is the same code fixed up.... Code:
.breakinp { text-indent: 0; margin-top: 30px; margin-right: 0; margin-left: 0; margin-bottom: 0 } Code:
<p class="breakinp">Your paragraph here.</p> Last edited by JSWolf; 04-08-2012 at 06:38 PM. |
|
04-08-2012, 12:18 AM | #9 |
What the Dog Saw
Posts: 311
Karma: 981684
Join Date: Jul 2008
Location: Dunn Loring
Device: Sony PRS-650, Surface3
|
Did you test it with ADE? It's missing a ";" after "text-indent: 0".
|
04-08-2012, 06:06 PM | #10 |
Booklegger
Posts: 1,801
Karma: 7999816
Join Date: Jun 2009
Location: Toronto, Ontario, Canada
Device: BeBook(1 & 2010), PEZ, PRS-505, Kobo BT, PRS-T1, Playbook, Kobo Touch
|
I'm still not comfortable with using pixels for any measurement in an epub. The dpi for various screens goes from 100 (or less) for some lcd screens usp to 200 for a 5 inch E-Ink screen, and maybe more for a Retina display. The visual effect will be quite unpleasant.
And I would use margin: 0.5em, 0, 0; or margin 0.5em, 0, 0, 0; remembering that margins start aat the top and go around clockwise. A two valued margin doesn't do waht you want, and I always forget that it is the side margins that are duplicated with the three valued margin. @yekim54 - You know he didn't try exactly what he typed with ADE ADE would have thrown out his whole style sheet for that missing semicolon |
04-08-2012, 06:38 PM | #11 |
Resident Curmudgeon
Posts: 73,957
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
|
04-08-2012, 06:44 PM | #12 |
Resident Curmudgeon
Posts: 73,957
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
For those that like ems instead of my 30px, here is the code....
Code:
.breakinp { text-indent: 0; margin-top: 2em; margin-right: 0; margin-left: 0; margin-bottom: 0 } Last edited by JSWolf; 04-08-2012 at 06:47 PM. |
04-09-2012, 04:18 AM | #13 |
Berti
Posts: 1,196
Karma: 4985964
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
|
|
04-09-2012, 01:12 PM | #14 | |
Junior Member
Posts: 8
Karma: 10
Join Date: Apr 2012
Device: All
|
Quote:
And I'm curious why you picked margins at the top instead of the bottom, is there a reason for that? Thanks again! |
|
04-09-2012, 08:53 PM | #15 | |
Well trained by Cats
Posts: 29,798
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
No bottom means that the last line ends at the Hard Bottom (without any bottom white space. That might just make a difference on some pages. |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
space between paragraphs | gatorman | Sigil | 3 | 01-07-2011 10:17 AM |
Ragged right / space between paragraphs | Oldpilot | Sigil | 5 | 11-11-2010 07:59 PM |
Is there any way to remove space between paragraphs? | kabloooie | Calibre | 6 | 11-03-2010 08:32 AM |
Can't get calibre to *not* put space between paragraphs | lunixer | Calibre | 8 | 09-11-2010 10:23 PM |
Unwanted space between paragraphs | superanima | Calibre | 3 | 10-14-2009 02:28 PM |