|
| |
|
|
womble
Posts: 5702
Joined: 3/14/2005
From: Living on the edge
Status: offline
 |
Curly quotes without images - 5/8/2007 16:29:29
Last night I was looking for instructions on how to implement pull-quotes as it's a while since I did any, when I came across this - Swooshy Curly Quotes Without Images. In the past I've always used the pull quotes with images method, but this article explains a couple of problems with that traditional method, which kinda made sense to me. With the traditional method:
quote:
there are no actual curly quotes in the text (unless you’re doing some nifty image replacement). Thus with CSS disabled you’ll only have default blockquote styling to fall back on. Secondly, images don’t resize, so scaling text will have no affect on your graphic curlies.
It took me a little playing around with the margins and padding until I'd got them exactly where I wanted them, but it's a nice method and uses a lot less markup than some of the pull quote methods.
_____________________________
~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
|
|
|
|
Tailslide
Posts: 6272
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: Curly quotes without images - 5/9/2007 2:37:40
I've got the image method on my own site without any extraneous markup. For a quote semantically you need blockquote, paragraphs and cite which provide a reasonable selection of things to attach background images to.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
JSpilio
Posts: 76
Joined: 6/27/2002
Status: offline
|
RE: Curly quotes without images - 5/26/2007 9:04:19
Wouldn't it be easier to simply encode your page UTF-8 and then copy and paste in the correct quotes from Word (since they're not on the keyboard).
Like this: http://projectamber.com/example.html
JS
_____________________________
" Hard Work Beats Talent When Talent Doesn' t Work Hard..."
| |
|
|
|
Tailslide
Posts: 6272
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: Curly quotes without images - 5/26/2007 10:18:02
The point of the method posted by Womble wasn't to get the curly quotes - that's easy just using “ and ” (no intervention of Word rerquired!) , it was to style and position those quotes in a pretty way like you often see done with images.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
