Multiple Paragraphs in a Border

teh603 · 08-01-2013, 10: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, 12:05 PM

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, 12:11 PM

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, 12:31 PM

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, 12:58 PM

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, 05: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, 10: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, 12:31 PM	#4
Jellby frumious Bandersnatch Posts: 7,571 Karma: 20150435 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

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

08-01-2013, 05: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