Relentless Navel Gazing
I never really liked the bar down the side of my blockquotes, and have finally replaced them, with a style stolen from Simple Thoughts. They’re in 52pt Copperplate as transparent background gifs. Does anyone know how to add a second image, at bottom right?
Putting
background: url(http://www.emergentchaos.com/close-quote.png) no-repeat bottom right;
url(http://www.emergentchaos.com/quote.png) no-repeat top left;
[Update: I answer my own question in “Relentless Navel Gazing, Pt 9.”]
Adam:
Recipe 1.12 from the O’Reilly CSS Cookbook purports to do this.
http://examples.oreilly.com/cssckbk/
The trick used is to make the quoted text a paragraph (using tags which I think will get stripped from this comment), and to make the closing quote image in the background of the p, and the opening quote image in the background of the blockquote (as you have done).
hmmm, so I tried adding
blockquote p {
margin: 0;
padding: 0 22px 10px 0;
background-image: url(http://www.emergentchaos.com/close-quote.png) no-repeat bottom right;}
}
to it, and p /p to inside the quotes, but no luck.
Also, it seems that for multi-para quotes, I’ll end up with a close-quote at the end of each para…
See the specified url for a technique Google led me to. Couldn’t find it last night. Caffeine makes all the difference, sometimes.
mmm. The search is strong with this one. But over-caffinated he may be.
Thanks!