Styling blockquotes

lagligt beställa Viagra For ages now I’ve been meaning to write up a brief tutorial on styling quotes. There are many articles out there, many great resources which talk of the different ways of styling quotes – worth a read. My aim here is to give you a bit of info on handling this popular typographical feature, hoping to inspire you to give quotes the attention they deserve. binäre optionen signale kostenlos tipp let’s take this quote from one of my favourite web gurus
(as published on Twitter, 5/5/08):

iq opotion Jeffrey Zeldman

Content precedes design. Design in the absence of content is not design, it’s decoration.

purchase cytotec (misoprostol) in Las Vegas Nevada A quick list of the tags you can use:

  • <blockquote>  </blockquote>
    used for long quotations – a default margin is applied, the unstyled font appears in italic.
  • <q></q>
    used for short inline quotations which do not require a line break.
  • <cite></cite>
    used to define a citation
    (I’m referring to the HTML tag here, NOT the blockquote attribute)

أربح أموال سريعة To show the quotation marks around the quote – you can use generated content, ie use CSS to add the quotation marks for you. This is a somewhat debated technique which is nonetheless very useful but is unfortunately not supported by all browsers. I will not go into this technique here as it is not widely used yet (though I have started using it for several projects myself) – please refer to the W3C for further information.

scadenze opzioni binarie The other method of adding the quotations marks is to use the HTML entities, surrounded by the span tag. Make sure to pay close attention to the correct entities here – and do not mistake the apostrophe or a double, single quote for the appropriate quotation marks.
& for your reference here are the quotation entities:

Tastylia Germany &ldquo; — left double quotation mark (“)
&rdquo; — right double quotation mark (”)
&lsquo; — left single quotation mark (‘)
&rsquo; — right single quotation mark (’)
&quot; — straight quotation mark (“)

conto cent opzione binaria Another option is to create the quotation marks as graphics and add them as background images to the quote. I will go more into detail another time – for now – please take a look at my sample file.

htc price in italy online trading PS: I had planned a much longer write up for this – but alas, time is not on my side and I will need to leave it there for now. I will however return to this post and elaborate on the details soon.

19/01/2009 blog,handcoding

4 Responses to “Styling blockquotes”

  1. Gravatar

    ikili opsiyon caiz midir 22/01/2009

    ilze says:

    indian forex forum thanks :)
    It’s little reminder for me.
    I love quotes :)

  2. Gravatar

    i need to buy Priligy without a prescription in Norman Oklahoma 22/01/2009

    prisca says:

    köp Viagra på nätet med Master Ilze :) thanks ;)
    Well, I’m not quite finished with this one yet – I will elaborate a little more soon :)

  3. Gravatar

    migliori programmi trading on line 23/01/2009

    ilze says:

    opcje binarne darmowe konto demo I can’t wait ;)

  4. Gravatar

    forex firmaları şikayet 08/02/2009

    Ana Laura says:

    thank you, it’s very explicative even if short, as you say. i’ll be waiting for more details, anyway.

graphiceyedea prisca schmarsow – portfolio