mu.nu - We're sorry we accidentally destroyed your panties.

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 07:39 PM | Comments (14) | Add Comment | Trackbacks (Suck)

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

8 California, the biggest state in population, and 18,000 same-sex couples rushed
to to cheap supra shoes to
tie the knot there before voters overturned the state Supreme Court ruling that
allowed practice. The constitutionality of California's ban is now before a
federal appeals court.While court challenges challenges cheap supra shoes challenges in
New York are all but certain, the state ¡ª unlike California ¡ª makes difficult
for the voters to repeal

Posted by: supra shoes online @ at July 06, 2011 09:34 AM

Hide Comments | Add Comment






Processing 0.01, elapsed 0.0156 seconds.
22 queries taking 0.012 seconds, 30 records returned.
Page size 11 kb.
Powered by Minx 0.8 beta.