08-23-2012, 07:59 AM | #1 |
Enthusiast
Posts: 31
Karma: 10
Join Date: Aug 2012
Device: Kindle
|
How to Create a Simple Line Above & Below Paragraph?
Sigil makes a nice-looking graphic line at every sigilChapterBreak. I'd like to use that or something similar above and below my inset quotes. Any ideas?
|
08-23-2012, 08:06 AM | #2 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Yes, use the <hr> tag and style it with CSS. Some small left and right margins to make it smaller and adjust the colors.
|
08-23-2012, 09:27 AM | #3 | ||
Enthusiast
Posts: 31
Karma: 10
Join Date: Aug 2012
Device: Kindle
|
That works nifty! Thank you.
There does appear to be an unwanted page break forcing just after the first line I insert. Not sure how to eliminate that. Here's the code in text (Sigil fixed it for me): Quote:
Quote:
|
||
08-23-2012, 11:18 AM | #4 | |
Well trained by Cats
Posts: 29,804
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:
The first C in CSS is 'Cascade' Something you did way back there may be affecting that code. BTW You really should learn to use a Style sheet. In the end, this will make changing the styling in the book a piece of cake. .see the style0001.css in the attached sample HR epub |
|
08-23-2012, 04:07 PM | #5 |
Groupie
Posts: 184
Karma: 2572
Join Date: Aug 2010
Device: Kindle
|
You have set up a style, but now don't you have to follow the style?
As for example <div class="hr.style1"> ? Seems to me you have instead called for blank space / plain old hr / blank space. No? |
08-23-2012, 04:56 PM | #6 | |
Well trained by Cats
Posts: 29,804
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:
hr.style1 in a CSS means only apply to a HR tag with a class="style1" .style1 says any tag with a class="style1" Last edited by Jellby; 08-24-2012 at 03:38 AM. Reason: fixed style="style1" with class="style1" |
|
08-23-2012, 05:56 PM | #7 |
Wizard
Posts: 2,082
Karma: 8796704
Join Date: Jun 2010
Device: Kobo Clara HD,Hisence Sero 7 Pro RIP, Nook STR, jetbook lite
|
Be sure to read the Sticky Known bugs in ADE Thread as it explains using <hr> lines in epub very good.
bernie |
08-24-2012, 06:54 AM | #8 |
Color me gone
Posts: 2,089
Karma: 1445295
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
|
It could be that some problem is caused by rgb(300, 300, 300). rgb(255,255,255) is as high as it goes for all white per http://www.w3schools.com/html/html_colors.asp
Defective CSS could cause that whole line to be ignored. |
08-24-2012, 07:37 AM | #9 | |
Well trained by Cats
Posts: 29,804
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:
how did I miss seeing that glaring error |
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Line after paragraph, CSS? | Maggie-Me | Sigil | 8 | 01-23-2011 07:43 AM |
First paragraph line indents | jhempel24 | Sigil | 10 | 11-23-2010 07:26 PM |
Converting from LRF: Paragraph & Line Breaks | wudaben | LRF | 0 | 07-14-2010 11:32 PM |
Create proper paragraph breaks in ereader2html | acj412 | Workshop | 2 | 08-10-2009 11:02 PM |
last line in each paragraph centred | scgf | Calibre | 9 | 09-10-2008 02:23 PM |