Curly quotes without images (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

womble -> 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.



jaybee -> RE: Curly quotes without images (5/8/2007 18:06:08)

Nice idea but oooooh how ugly are those. [sm=sick.gif]



Tailslide -> 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.



womble -> RE: Curly quotes without images (5/9/2007 14:13:18)

This one does use blockquote, and I suppose using paragraphs within it wouldn't be a problem, but I've found the big problem with it is that for very short quotes like I'm trying to use on the current site (just one sentence), the damned things are near impossible to position right, and the more you fiddle with it, the more it breaks. I've ended up using the pull-quote method but with a <blockquote> rather than a <div> wrapping it to be semantically correct.

On reflection, after spending ages faffing about with the quotes, with this particular design anyhow, I think the pull-quotes are working better - I just hope the client agrees, otherwise I might just just inflict some serious bodily harm on her with a pair of quotation marks. [:D]



Tailslide -> RE: Curly quotes without images (5/9/2007 14:15:36)


quote:

ORIGINAL: womble I just hope the client agrees, otherwise I might just just inflict some serious bodily harm on her with a pair of quotation marks. [:D]


[sm=laughing4.gif]



JSpilio -> 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



Tailslide -> 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.




womble -> RE: Curly quotes without images (5/26/2007 14:00:45)

...and anything copied and pasted from Word is liable to also bring over a load rubbish that's gonna do nasty things to your styling and validation. As Tailslide says, it's about using what you've already got and styling it how you want, while also doing it semantically, so that the structure of the code makes sense as well as how it looks visually.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.09375