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 02-10-2014, 09:27 PM   #1
Tex2002ans
Evangelist
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 424
Karma: 360129
Join Date: Jul 2012
Device: Nook
Question: Centered Heading With Line Through Middle

I was wondering if anyone has stumbled upon a way to do these headings in EPUB (Highlighted in orange):

Click image for larger version

Name:	Chap4PDF-1.png
Views:	80
Size:	94.6 KB
ID:	118952 Click image for larger version

Name:	Chap4PDF-2.png
Views:	73
Size:	109.1 KB
ID:	118953

The current EPUB uses images. (HIDEOUS solution, and does not scale at all):

Click image for larger version

Name:	Chap4EPUB.png
Views:	67
Size:	110.1 KB
ID:	118954

I found this, which would work on websites:

http://www.impressivewebs.com/center...rizontal-line/

I found some similar discussion on the forums here for a line which is below by using a bottom-border (and code for line that fills all the way to the right edge):

http://www.mobileread.com/forums/sho...d.php?t=215338

Seems like a lot of these use CSS3, or code that breaks in ADE.

(This was going to be my simple solution) Just use a few em dashes to the left/right:

Code:
<h2>——— I ———</h2>
<h2>——— II ———</h2>
[...]
<h2>——— XIII ———</h2>

Last edited by Tex2002ans; 02-11-2014 at 03:40 AM.
Tex2002ans is offline   Reply With Quote
Old 02-11-2014, 02:57 AM   #2
HarryT
eBook Enthusiast
HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.HarryT ought to be getting tired of karma fortunes by now.
 
HarryT's Avatar
 
Posts: 62,520
Karma: 40001915
Join Date: Nov 2006
Location: UK
Device: PW2, iPad Retina Mini, iPhone 4, MS Surface Pro, Onyx T68, N7,
Could use a single-cell table with visible borders. I'd be wary of using paragraph borders, because that won't work with the old "Mobi" format on the Kindle, and most authors sell a lot more Kindle than ePub books.

Last edited by HarryT; 02-11-2014 at 03:25 AM.
HarryT is online now   Reply With Quote
 
Enthusiast
Old 02-11-2014, 04:20 AM   #3
Tex2002ans
Evangelist
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 424
Karma: 360129
Join Date: Jul 2012
Device: Nook
Quote:
Originally Posted by HarryT View Post
Could use a single-cell table with visible borders.
I went back and edited my first post clarifying the exact position I meant by highlighting.

Not too sure how you would accomplish that with a single cell. (Perhaps you were talking about the "CHAPTER IV", and yes, that was handled with top/bottom borders via CSS, and I can see that being accomplished also with a table cell).

Quote:
Originally Posted by HarryT View Post
I'd be wary of using paragraph borders, because that won't work with the old "Mobi" format on the Kindle, and most authors sell a lot more Kindle than ePub books.
Indeed. Typically I chop out a lot of this fluff (this particular case is me just cleaning up a previously converted EPUB, removing unnecessary fonts, images of tables -> actual HTML tables, images of greek text -> digital text, etc. etc.).

In this case, it doesn't really matter if this fluff in the EPUB doesn't appear in the old MOBI version, as long as it just degrades gracefully and works fine in ADE.

The simple em dashes on either side would work just fine for my purposes (anything would be better than those images! )... but I was just wondering if anyone had any other input/thoughts/code.

Only downside I can see of the em dash method is one in which Jellby answered in one the topic linked above:

Quote:
Originally Posted by Jellby View Post
[...] you cannot be sure that the dashes will form a continuous line in every font.
Tex2002ans is offline   Reply With Quote
Old 02-11-2014, 07:24 PM   #4
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 437
Karma: 299856
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Tex2002ans View Post
I was wondering if anyone has stumbled upon a way to do these headings in EPUB (Highlighted in
Hi Tex;

You can achieve that effect with the following code:

1. In your .css stylesheet, write:

Code:
h2 {
   text-align: center;
   margin: 1em 0 1em 0;
   font-size: 1.4em;
   border-top: 3px solid black;
   height: 0.5em;
}

.text {
   float: left;
   width: 5%; /* feel free to change the width */
   margin: -0.5em 47.5% 0 47.5%; /* if you change the width, then you must change the left and right margin */
   background: white !important;
}

p {
   text-align: justify;
   text-indent: 0em;
}
2. In your .html file write:

Code:
<h2><span class="text">I</span></h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc...</p>
Here you can see how it looks in ADE:

Click image for larger version

Name:	Line Through.jpg
Views:	75
Size:	66.9 KB
ID:	118989

Below I attach the respective .epub

Regards
Rubén
Attached Files
File Type: epub Line Through.epub (2.6 KB, 28 views)
RbnJrg is offline   Reply With Quote
Old 02-11-2014, 09:17 PM   #5
GrannyGrump
Persnickity Nitpicker
GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.
 
GrannyGrump's Avatar
 
Posts: 553
Karma: 2587520
Join Date: May 2011
Location: JAPAN (US expatriate)
Device: Sony PRS-T2, ADE on PC
@RbnJrg -- but won't that look odd if the user does not have Black Text on a White Background?

O, I wish CSS could use variables, life would be so much easier!

@Tex -- if you want to go through the hassle of an embedded font, freeware Type Light [http://www.cr8software.net/typelight.html -- it says "open type font editor", but also works with true type] is fairly simple to use to edit/replace glyphs. You could make the emdash longer, and embed that subsetted font. Just a thought.

Last edited by GrannyGrump; 02-11-2014 at 09:22 PM.
GrannyGrump is offline   Reply With Quote
Old 02-11-2014, 09:58 PM   #6
gbm
Guru
gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.gbm ought to be getting tired of karma fortunes by now.
 
Posts: 615
Karma: 1243612
Join Date: Jun 2010
Device: Hisence Sero 7 Pro, Nook STR, jetbook lite
Quote:
Originally Posted by RbnJrg View Post
Hi Tex;

You can achieve that effect with the following code:

1. In your .css stylesheet, write:

Code:
h2 {
   text-align: center;
   margin: 1em 0 1em 0;
   font-size: 1.4em;
   border-top: 3px solid black;
   height: 0.5em;
}

.text {
   float: left;
   width: 5%; /* feel free to change the width */
   margin: -0.5em 47.5% 0 47.5%; /* if you change the width, then you must change the left and right margin */
   background: white !important;
}

p {
   text-align: justify;
   text-indent: 0em;
}
2. In your .html file write:

Code:
<h2><span class="text">I</span></h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc...</p>
Here you can see how it looks in ADE:

Attachment 118989

Below I attach the respective .epub

Regards
Rubén
Remember that the Nook does not like condensed margins
Please see this thread, Post #13-#21. Nook does not like condensed margins when not using publisher defaults.

I will bookmark this post.

bernie
gbm is offline   Reply With Quote
Old 02-12-2014, 12:53 AM   #7
Tex2002ans
Evangelist
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 424
Karma: 360129
Join Date: Jul 2012
Device: Nook
Quote:
Originally Posted by RbnJrg View Post
You can achieve that effect with the following code:
Of course! Right when I saw negative margins in your post, the same type of solution clicked for me (I hate it when that happens).

Thanks for the fantastic example.

I only did a few minor tweaks to your CSS:
  • Uncondensed margins.
  • Made the width 25% (adjusted margins to fit)
    • 5% was a little too thin when I used "VIII"
  • Removed specifying "black" from the border-top
    • This should allow the line to match the user specified font color
    • Tested it by changing the font color in Calibre, looked like the line color changed right along with it

Code:
h2 {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    border-top: 3px solid;
    height: 0.5em;
}

.text {
    float: left;
    width: 25%;
    margin-top: -.5em;
    margin-bottom: 0;
    margin-left: 37.5%;
    margin-right: 37.5%;
    background: white !important;
}

p {
    text-align: justify;
    text-indent: 0em;
}
(See attached EPUB)

In ADE:

Click image for larger version

Name:	VII.png
Views:	51
Size:	54.3 KB
ID:	118992

Tested it in Calibre, you get this oddity (border appears at the very top, and not through the middle):

Click image for larger version

Name:	CalibreLineOddity.png
Views:	59
Size:	31.8 KB
ID:	118993

Quote:
Originally Posted by RbnJrg View Post
Here you can see how it looks in ADE:
JPG?!?!?!?! You disappoint me! Have I taught you nothing about the superiority of PNG for artificial images?!!?!?

Quote:
Originally Posted by GrannyGrump View Post
@RbnJrg -- but won't that look odd if the user does not have Black Text on a White Background?
Indeed... doesn't seem like there would be a perfect solution, but this is a fantastic step in the right direction.

Definitely much further than where I was previously!

Quote:
Originally Posted by GrannyGrump View Post
@Tex -- if you want to go through the hassle of an embedded font, freeware Type Light [http://www.cr8software.net/typelight.html -- it says "open type font editor", but also works with true type] is fairly simple to use to edit/replace glyphs. You could make the emdash longer, and embed that subsetted font. Just a thought.
Thanks for the info. I personally tend to just err on the side of never getting in the way of user font choices, so I try to avoid embedding any fonts.

I will put this one in my pocket and take a look though.

Quote:
Originally Posted by gbm View Post
Remember that the Nook does not like condensed margins
Please see this thread, Post #13-#21. Nook does not like condensed margins when not using publisher defaults.
Thanks for pointing this out. Good to let others learn about oddities in certain readers.

I always use the uncondensed version anyway, seems much easier to understand/read (especially if others open the book and want to quickly tweak something).
Attached Files
File Type: epub LineThroughTexEdit.epub (2.6 KB, 27 views)

Last edited by Tex2002ans; 02-12-2014 at 12:57 AM.
Tex2002ans is offline   Reply With Quote
Old 02-12-2014, 03:10 AM   #8
GrannyGrump
Persnickity Nitpicker
GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.
 
GrannyGrump's Avatar
 
Posts: 553
Karma: 2587520
Join Date: May 2011
Location: JAPAN (US expatriate)
Device: Sony PRS-T2, ADE on PC
@Tex -- hey, I think the Calibre "oddity" is not bad. The user would likely think it is a deliberate design choice.
GrannyGrump is offline   Reply With Quote
Old 02-12-2014, 05:51 AM   #9
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 437
Karma: 299856
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by GrannyGrump View Post

@RbnJrg -- but won't that look odd if the user does not have Black Text on a White Background?
Hi Granny;

Well, it seems that if we set the line color to some kind of grey, all is solved. See this picture:

Click image for larger version

Name:	Line Through Night.jpg
Views:	47
Size:	52.8 KB
ID:	118995

I reached that solution by using:

Code:
h2 {
   text-align: center;
   margin: 1em 0 1em 0;
   font-size: 1.4em;
   border-top: 3px solid #999;
   height: 0.5em;
}
Also it looks good in normal mode (black text on a white background).

Regards
Rubén

EDIT: "border-top: 3px solid;" -as Tex used- works even better -in night mode- than "border-top: 3px solid #999;"

Last edited by RbnJrg; 02-12-2014 at 09:39 AM.
RbnJrg is offline   Reply With Quote
Old 02-12-2014, 06:03 AM   #10
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 437
Karma: 299856
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Tex2002ans View Post
Of course! Right when I saw negative margins in your post, the same type of solution clicked for me (I hate it when that happens).

Thanks for the fantastic example.
You are welcome!

Quote:
I only did a few minor tweaks to your CSS:
  • Uncondensed margins.
  • Made the width 25% (adjusted margins to fit)
    • 5% was a little too thin when I used "VIII"
  • Removed specifying "black" from the border-top
    • This should allow the line to match the user specified font color
    • Tested it by changing the font color in Calibre, looked like the line color changed right along with it
Well done, but I would set the border-top color to #999 so the solution also can work in night mode. See my previous post.

Quote:
JPG?!?!?!?! You disappoint me! Have I taught you nothing about the superiority of PNG for artificial images?!!?!?
JPG is for pictures attached in my posts In ebooks I use .png images (or .svg when it matters )

Quote:
Quote:
Originally Posted by GrannyGrump
@RbnJrg -- but won't that look odd if the user does not have Black Text on a White Background?
Indeed... doesn't seem like there would be a perfect solution, but this is a fantastic step in the right direction.
Now, with a border-top color of #999 (or another shade of gray) is almost perfect

Regards
Rubén
RbnJrg is offline   Reply With Quote
Old 02-12-2014, 06:08 AM   #11
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 437
Karma: 299856
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by gbm View Post
Remember that the Nook does not like condensed margins
Please see this thread, Post #13-#21. Nook does not like condensed margins when not using publisher defaults.

I will bookmark this post.

bernie
You are welcome Bernie and I will take note about not using the shorthand form for margins
RbnJrg is offline   Reply With Quote
Old 02-12-2014, 07:27 AM   #12
Tex2002ans
Evangelist
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 424
Karma: 360129
Join Date: Jul 2012
Device: Nook
Quote:
Originally Posted by RbnJrg View Post
JPG is for pictures attached in my posts In ebooks I use .png images (or .svg when it matters )
I found your favorite site:

http://needsmorejpeg.com/



(You should upgrade to PNG in your posts as well, that last one had such bad haloing artifacts.)

Hmmm.. now am I just going crazy? My Kindle Previewer shows the line up top and not centered as it does in yours:

Click image for larger version

Name:	KindleFireNight.png
Views:	38
Size:	53.0 KB
ID:	119002

Last edited by Tex2002ans; 02-12-2014 at 07:32 AM.
Tex2002ans is offline   Reply With Quote
Old 02-12-2014, 09:33 AM   #13
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 437
Karma: 299856
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Tex2002ans View Post
I found your favorite site:

http://needsmorejpeg.com/



(You should upgrade to PNG in your posts as well, that last one had such bad haloing artifacts.)
Really? You are a perfeccionist, Tex I think that .jpg is ok in posts like this one.

Quote:
Hmmm.. now am I just going crazy? My Kindle Previewer shows the line up top and not centered as it does in yours:
Maybe someone with a Kindle Fire can post a screenshot of his\her device and then we'll have a definitive answer. By the way, your aproximation works better in night mode:

Code:
border-top: 3px solid;
looks great in Kindle Previewer.

Last edited by RbnJrg; 02-12-2014 at 09:40 AM.
RbnJrg is offline   Reply With Quote
Old 02-12-2014, 10:37 AM   #14
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 437
Karma: 299856
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
I think I found the final solution with the following css code:

Code:
h2 {
   height: 2em;
   border-bottom: 3px solid;
   margin-top: -1em;
   margin-bottom: 1em;
   font-size: 1.4em;
   text-align: center;
}

.text {
   float: left;
   width: 20%;
   line-height: 2.8em;
   font-size: 1.4em;
   margin-left: 40%;
   margin-right: 40%; 
   background: white !important;
}

p {
   text-align: justify;
   text-indent: 0em;
}
This is the look in Calibre Viewer:

Click image for larger version

Name:	Line Through II.png
Views:	40
Size:	55.7 KB
ID:	119004

And this is the look in Kindle Previewer (Kindle Fire - Night Mode):

Click image for larger version

Name:	Line Through.png
Views:	39
Size:	122.1 KB
ID:	119003

Below I attach the respective epub.

Regards
Rubén
Attached Files
File Type: epub Line Through II.epub (2.7 KB, 16 views)
RbnJrg is offline   Reply With Quote
Old 02-12-2014, 04:01 PM   #15
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 5,958
Karma: 4346919
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Not very nice in my browser, if you ask me.
Attached Thumbnails
Click image for larger version

Name:	snap.png
Views:	33
Size:	7.8 KB
ID:	119016  
Jellby is online now   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
Question marks in the middle of words? rockster Calibre 3 02-02-2013 03:58 PM
PRS-505 In middle of screen is a triangle with ! in middle toad1960 Sony Reader 0 12-30-2011 01:30 PM
Two columns of text, line down middle? chingu ePub 2 09-04-2011 06:12 PM
yet another heading question jhempel24 Sigil 3 11-25-2010 07:58 AM


All times are GMT -4. The time now is 08:31 AM.


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