Multiple Paragraphs in a Border

teh603 · 08-01-2013, 09:14 AM

So the CSS Box Model (as per W3Schools' tutorial from the Sigil website) allows you to put a frame around a paragraph. But how do you put multiple paragraphs within the same frame, like if you're building a sidebar?

I'd normally try using tags, but it seems like you can't indent after a for some stupid reason. It also doesn't solve the problem of putting a heading within the box as well.

theducks · 08-01-2013, 11:05 AM

Quote:

Originally Posted by teh603

So the CSS Box Model (as per W3Schools' tutorial from the Sigil website) allows you to put a frame around a paragraph. But how do you put multiple paragraphs within the same frame, like if you're building a sidebar?

I'd normally try using tags, but it seems like you can't indent after a for some stupid reason. It also doesn't solve the problem of putting a heading within the box as well.

Have you tried wrapping the lot in a Div with the Padding and border assigned to the Div?

teh603 · 08-01-2013, 11:11 AM

Quote:

Originally Posted by theducks

Have you tried wrapping the lot in a Div with the Padding and border assigned to the Div?

Haven't yet, mostly because DIV tags weren't part of the HTML I learned way back in the day- around HTML 2.0.

It looks like it should work.

Jellby · 08-01-2013, 11:31 AM

Best solution is the <div>.

Hackish, ugly solution that you should never use is creating "pseudo-paragraphs" with and display:block, which you would use inside your framed to simulate paragraphs.

Even if you don't use it, it's good to know it

teh603 · 08-01-2013, 11:58 AM

Quote:

Originally Posted by Jellby

Hackish, ugly solution that you should never use is creating "pseudo-paragraphs" with and display:block, which you would use inside your framed to simulate paragraphs.

Even if you don't use it, it's good to know it

Honestly, I always found hackish. was a little simpler and got the job done better, especially if your rendering engine ignores CSS.

Tex2002ans · 08-01-2013, 04:41 PM

I just posted a sample of a textbox (paragraphs in a border) in the EPUB forum:

https://www.mobileread.com/forums/sho...d.php?t=218023

and CSS for an alternate gray box that I use:

https://www.mobileread.com/forums/sho...25&postcount=9

08-01-2013, 09:14 AM	#1
teh603 Autism Spectrum Disorder Posts: 1,212 Karma: 6244877 Join Date: Sep 2011 Location: Coastal Texas Device: Android Phone	Multiple Paragraphs in a Border So the CSS Box Model (as per W3Schools' tutorial from the Sigil website) allows you to put a frame around a paragraph. But how do you put multiple paragraphs within the same frame, like if you're building a sidebar? I'd normally try using <BR> tags, but it seems like you can't indent after a <BR> for some stupid reason. It also doesn't solve the problem of putting a heading within the box as well.

08-01-2013, 11:31 AM	#4
Jellby frumious Bandersnatch Posts: 7,543 Karma: 19001583 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Best solution is the <div>. Hackish, ugly solution that you should never use is creating "pseudo-paragraphs" with <span> and display:block, which you would use inside your framed <p> to simulate paragraphs. Even if you don't use it, it's good to know it

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Multiple libraries Multiple Devices	Marianne527	Library Management	2	12-03-2012 04:04 PM
Multiple Kindles, Multiple News Feeds	filmprof	Recipes	10	02-20-2012 10:38 AM
<Command Line> Add multiple books in multiple formats	himitsu	Calibre	8	09-25-2010 11:07 PM
Border	dixieknits	Ectaco jetBook	6	09-13-2010 11:02 AM
Bug: entries with multiple formats trigger multiple conversions	flinx1	Calibre	12	05-21-2010 06:23 AM

08-01-2013, 04:41 PM	#6
Tex2002ans Wizard Posts: 2,306 Karma: 13057279 Join Date: Jul 2012 Device: Kobo Forma, Nook	I just posted a sample of a textbox (paragraphs in a border) in the EPUB forum: https://www.mobileread.com/forums/sho...d.php?t=218023 and CSS for an alternate gray box that I use: https://www.mobileread.com/forums/sho...25&postcount=9

Advert

Advert