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