Vikiworks™ Studio

As you can see, here is a trick to display two separate images in one blockquote.

The tricky part is adding some css, that’s all. I’m not a css Guru too, so no worries about messy codes, all you need to do is copy & paste to your existing page.

Thanks 北极冰仔, he fixed some buggy codes and hv it works in a perfect way. Unfortunately, it work sucks under IE! Again!

blockquote {
color: #777;
padding-top: 6px;
padding-bottom: 10px;
background: url(close-quote.gif) no-repeat right bottom;}

blockquote p {
font: 12px Georgia, "Times New Roman", Times, serif;
width: 400px;
padding-left: 18px;
text-indent: -18px;
}

blockquote p:first-letter {
background: url(open-quote.gif) no-repeat left top;
padding-left: 18px;
padding-top: 12px;
font: italic 26px Georgia, "Times New Roman", Times, serif;
}

blockquote p ~ p:first-letter {
font: normal 12px Georgia, "Times New Roman", Times, serif;
background: none;
}