Citazioni (blockquote) con le virgolette

Giovedì 23 Novembre 2006 - 09:47

di Cesare Lamanna

CSS

Ci sono cose che non cambiano certo il corso dello sviluppo sul web, ma chi siamo noi per non segnalarle? Per qualcuno sarà di certo utile.

Sfruttando l’obbligo (ai fini della validazione) di inserire all’interno di elementi blockquote almeno un altro elemento blocco (un paragrafo, per esempio) che racchiuda il testo, Natalie Downe ha creato un metodo semplice semplice per realizzare citazioni che appiano racchiuse tra virgolette grafiche, come spesso vediamo sulla carta stampata. La demo da cui ho catturato l’immagine è qui.

Citazione con virgolette

Tags:

Categoria: CSS | Permalink

Commenti

1

Bellissima idea, credo proprio che la utilizzerò.

# - postato da Arthens - 23 Novembre 2006 - 11:22

2

in forma minimamente differente era da tempo stato suggerito in css.html.it
http://css.html.it/articoli/le.....kground/8/
a fondo pagina :)

# - postato da Xinod - 23 Novembre 2006 - 12:04

3

Hello, I’m not sure if google translated this post for me accurately, so I’m sorry if my reply doesnt make much sense :) I had a look at the blockquote example there on http://css.html.it and just thought I’d mention that the only real trick to my technique is making the paragraph display:inline. Adding background images to blockquotes in general is not really a new idea, but I liked using display inline on the paragraph so that the second blockquote appears to run on from the text, it depends really on how you want your quote to look :) - Natalie

# - postato da Natalie Downe - 23 Novembre 2006 - 14:42

4

Vabbé!
Si tratta di lavori con immagini…
speravo in qualcosa non picture-based…

# - postato da Simosito - 23 Novembre 2006 - 15:13

5

http://www.petefreitag.com/ite.....m/597.cfm
con alcune limitazioni, prima fra tutte il mancato funzionamento con il browser piu’ diffuso al mondo (sembrerebbe anche con la versione 7)

# - postato da Xinod - 23 Novembre 2006 - 17:14

6

Natalie, your comment surely does make sense. Thanks for stopping by and commenting! A very nice technique, and a good follow-up on your site.

# - postato da Alessandro Fulciniti - 23 Novembre 2006 - 18:18

7

Grazie per la segnalazione, l’ho appena implementato nei blockquote del mio blog.
Salute

# - postato da Francesco Goffredo - 15 Marzo 2007 - 15:20

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento