09-04-2014, 06:17 AM | #1 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
fill out line (line next to text)
I am trying to achieve this effect, but it doesn't really work out like I want to. No problem in Sigil and Calibre of course, but not in ADE and I want it also to work there as this gives a little more chance it will work on a reader.
The effect I am after is: The only way I seem to make it work is via a table and ugly code. There must be something easier that is still ePUB2 compliant... |
09-04-2014, 10:39 AM | #2 | |
Wizard
Posts: 1,539
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
1. In your .css stylesheet write: Code:
h2 { text-align: right; margin-top: -1em; margin-bottom: 2.5em; font-size: 1.4em; border-bottom: 2px solid; height: 2em; } .text { float: right; width: 2.25em; line-height: 3em; font-size: 1.4em; font-family: serif; background: white !important; } p { text-align: justify; text-indent: 0em; } Code:
<h2><span class="text">1999</span></h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus.</p> Below you can check the respective epub. Regards Rubén Last edited by RbnJrg; 09-04-2014 at 02:46 PM. |
|
Advert | |
|
09-04-2014, 12:12 PM | #3 |
frumious Bandersnatch
Posts: 7,515
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
|
09-04-2014, 01:12 PM | #4 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
The white backgrounds could be an issue, but it is elegant enough. It also works in ADE 1.7.2, which is my usual testing ground. Thanx!
|
09-04-2014, 02:44 PM | #5 |
Wizard
Posts: 1,539
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
|
Advert | |
|
09-06-2014, 10:16 PM | #6 |
Wizard
Posts: 2,297
Karma: 12126329
Join Date: Jul 2012
Device: Kobo Forma, Nook
|
Also had this topic, in which I asked a similar question dealing with text in the middle, with lines on either side:
https://www.mobileread.com/forums/sho...d.php?t=233587 |
09-07-2014, 02:40 AM | #7 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Thank you! I do remember that topic but I was unable to find it.
|
Thread Tools | Search this Thread |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Line over text | Dalegaard | ePub | 19 | 06-11-2013 03:45 PM |
Since 1.9.10, text slightly cut off on very bottom line | danskmacabre | Kobo Reader | 33 | 01-13-2012 05:25 AM |
Two columns of text, line down middle? | chingu | ePub | 2 | 09-04-2011 06:12 PM |
changing text line-height in css | wjcroft | EPUBReader | 0 | 12-15-2010 03:13 PM |