May 24, 2005

Blockquote question

I know that the Bartender has answered this before, but I cannot find the answer in the blog thingies on the side. It concerns formatting blockquotes so that they appear in a shaded box. Currently, I'm using the following code embedded directly into my post. All greater than and less than signs have been changed to square brackets:

[blockquote][p style="BORDER-RIGHT: #800000 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #800000 1px solid; PADDING-LEFT: 15px; BACKGROUND: #d3d3d3; PADDING-BOTTOM: 15px; MARGIN: 15px; BORDER-LEFT: #800000 1px solid; COLOR: #000067; PADDING-TOP: 15px; BORDER-BOTTOM: #800000 1px solid; TEXT-ALIGN: justify"]

enter text here

[/p] [/blockquote]

It probably has to do with updating the CSS, but the MT website wasn't helpful in that regard. Come to think of it, neither was Google. Probably a badly formed query on my part.

Posted by Physics Geek at May 24, 2005 07:39 PM
Comments
#1

Put something like the following into your stylesheet (those are squigly brackest instead of square):

blockquote [
margin:15px 15px 1px 15px;
padding:15px 15px 15px 15px;
border:solid 1px #b4445c;
color:#000000;
background:#eeeeea;
text-align:justify;
]

You can play with the formatting and colors to suit. This is what I use at Rocket Jones.

Posted by Ted at May 24, 2005 09:41 PM
#2

Any particular place in the style sheet where I should put it? Also, I tried it but didn't get any result. Should the format be like this

.blockquote [

or this

#blockquote [

or simply like this

blockquote [

Posted by physics geek at May 25, 2005 02:13 AM
#3

Mine is in there plain, just like I showed (except for the squiggly quotes instead of the square brackets).

It doesn't matter where, as long as it's not inside something else's brackets.

You'll need to rebuild everything after you change anything in your style sheet.

Posted by Ted at May 25, 2005 11:19 AM
#4

I have a question -- is there any special reason that inside the blockquote you have a P tag with a style? I think the easiest way to do this is to put information in the style sheet (anywhere) that looks something like this:

blockquote {
font-style:italic;
padding:10px 5px 10px 15px;
line-height:1.5;
margin:0 50px .6em 50px;
background-color: ivory;
border-style: inset;
}

And then in your post, just put:
<blockquote>Quoted info here</blockquote>

Putting the P style formatting in the post itself will override the formatting done in the stylesheet to the blockquote tag.

Posted by Ogre at May 25, 2005 02:22 PM
#5

I've tried both examples(thanks folks), but to no avail. The blockquote still indents the text, but none of the box and/or shading appears. And I saved/rebuilt before I tested it.

One other related question: do I need to put [p] and [/p] paragraph markers in between the blockquote markers for it to work properly? The reason that I ask is because the text displays differently if I don't.

Posted by physics geek at May 25, 2005 04:45 PM
#6

Ignore my previous stuff. It's working now. Maybe, just maybe, hitting the refresh button on my browser after rebuilding might be useful. Not that I have any way to verify that, though. It's purely conjecture at this point.

Posted by physics geek at May 25, 2005 06:49 PM
#7

Yay!

Posted by Ted at May 26, 2005 12:47 AM
Live Comment Preview
Post a comment









Remember personal info?