How to Create a Simple Line Above & Below Paragraph?

msmith65 · 08-23-2012, 07:59 AM

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?

Toxaris · 08-23-2012, 08:06 AM

Yes, use the <hr> tag and style it with CSS. Some small left and right margins to make it smaller and adjust the colors.

msmith65 · 08-23-2012, 09:27 AM

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:

And here's the relevant CSS:

Quote:

hr.style1 {text-align:center;color:rgb(300, 300, 300)}

I have a feeling the answer is staring me in the face, but I've been staring at HTML for 10 hours at my day job....

theducks · 08-23-2012, 11:18 AM

Quote:

Originally Posted by msmith65

I have a feeling the answer is staring me in the face, but I've been staring at HTML for 10 hours at my day job....

You are showing us grains of sand on a beach

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

Oldpilot · 08-23-2012, 04:07 PM

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?

theducks · 08-23-2012, 04:56 PM

Quote:

Originally Posted by Oldpilot

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?

NOT that way

hr.style1 in a CSS means only apply to a HR tag with a class="style1"
.style1 says any tag with a class="style1"

gbm · 08-23-2012, 05:56 PM

Be sure to read the Sticky Known bugs in ADE Thread as it explains using <hr> lines in epub very good.

bernie

mrmikel · 08-24-2012, 06:54 AM

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.

theducks · 08-24-2012, 07:37 AM

Quote:

Originally Posted by mrmikel

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

how did I miss seeing that glaring error

08-23-2012, 07:59 AM	#1
msmith65 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?

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

08-23-2012, 08:06 AM	#2
Toxaris 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, 04:07 PM	#5
Oldpilot 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, 05:56 PM	#7
gbm 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
mrmikel 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.

Advert

Advert