domingo, 21 de noviembre de 2010

Blockquote

A pocos les interesará, pero lo dejo escrito aquí de todas formas.

Acabo de ponerle a mi blog las comillas en las etiquetas <blockquote> con el siguiente código:


.post blockquote {
font: 18px normal Verdana, sans-serif;
padding-top: 10px;
margin: 5px;
background: url(http://img403.imageshack.us/img403/5964/quoteleftk.gif) no-repeat top left;
padding-left:50px;
}

.post blockquote div {
display: block;
background: url(http://img225.imageshack.us/img225/714/quoteright.gif) no-repeat bottom right;
padding-bottom:10px;
padding-right:50px;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}



Así tenemos que si sólo ponemos el texto con un <blockquote> tendremos sólo la comilla a la izquierda:

Sólo he puesto la etiqueta <blockquote>


Pero si metemos un div, dentro de blockquote, nos encontraremos con las comillas en ambos lados:

Esto es un <blockquote> con un <div> dentro

No hay comentarios:

Publicar un comentario