View Single Post
Old 02-10-2014, 09:27 PM   #1
Tex2002ans
Wizard
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: 2,306
Karma: 13057279
Join Date: Jul 2012
Device: Kobo Forma, 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:	313
Size:	94.6 KB
ID:	118952 Click image for larger version

Name:	Chap4PDF-2.png
Views:	274
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:	295
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):

https://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