Cite Your Blockquotes

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

uses the ":after" pseudo-element like so:

blockquote[cite]:after {
content: "Quote from: " attr(cite);
display: block;
border-top: 1px solid #999;
color: #999;
margin: 1em 0 0;
padding: .5em 0 0;
font-size: .8em;
font-weight: bold;

Unfortunately, it doesn't work in IE though there are Javascript work
arounds: /

Kayode Okeyode /

Re: Cite Your Blockquotes

Quoted text here. Click to load it

That's an interesting idea, but maybe not _that_ great. First...

Quoted text here. Click to load it

... is not a negligible point. Second, it shows the _URL_ of the cited
resource, out of necessity, since the URL is what the cite attribute
contains. I think we should avoid making URLs visible and use titles or
names of documents instead.

Besides, it's actually easier to put the citation after the blockquote, as a
normal link as normal page content. There's hardly a reason to make its
appearance depend on CSS. More notes along these lines:

Yucca, /
Pages about Web authoring:

Site Timeline