I love blockquotes. I find them so useful for pulling out blocks of text and creating interesting features within article content. But they're so much better when you style them with fancy styles. While it's possible to use generated content CSS to add the quotes to the front and back, this isn't reliable - IE doesn't like content inside of CSS. But this site shows how to create fancy blockquotes with visual quote marks using a CSS 3 property last-child. They also show you how to do it using content, but I don't recommend that if your site has a lot of IE visitors.
Top Related Searches september 11
Explore Web Design / HTML
Must Reads
Most Popular
If a construct is IE-hostile I can’t imagine even considering it on a public site. The example is nice as well as instructive but until we finally bury IE (or it learns to play according to the rules) the real world will just have to marvel at what might have been.
Very cool, even if it doesn’t work yet. You are definately correct about getting ahead of the curve on CSS3. I found another version on this blog and someone’s comment offered another. CSS is fun.
I just made an experiment with the pull-quotes idea; since I was writing a literary article on Goethe’s Faust (and therefore blockquotes are important), I thought I’d give it a shot. It didn’t come out too bad at all.