These are the CSS declarations concerning blockquotes : 

blockquote {
  background: url('images/close-quote.gif') no-repeat right bottom;
  color: #023562;
  margin: 10px 0;
}

blockquote :first-child {
  background: url('images/open-quote.gif') no-repeat left top;
  padding: 10px 0 0 20px;
}

This code has the following problems :

  • (tested under Firefox 3.0.4) an open-quote image is displaying before all the children of a blockquote, not only the first one. Try something like <blockquote><p>some <a href="#">text</a></p></blockquote> and you'll see. To fix that you have to add the following in the css: blockquote :first-child * { background: none; padding: 0; }
  • IE6 doesn't know the :first-child pseudo-class, so the open-quote will never display.

Comments

jwolf’s picture

jwolf commented
Assigned: Unassigned » jwolf
jwolf’s picture

jwolf commented
Status: Active » Fixed

Thanks for pointing this out.

The fix is:

blockquote * > :first-child {
  background: transparent;
  padding: 0;
}

Fix committed and available in release 6.x-1.4

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.