Saludos cordiales:
Actualmente estoy desarrollando el layout para un planeta, se me han
presentado inquietudes en la manera de representar un bloque de cita con
bordes redondeados.
Por ejemplo:
HTML
----
<blockquote cite="#" title="#" xml:lang="es">
<p>El bloque de cita</p>
</blockquote>
Como el publico al que va dirijido el planeta si posee navegadores
decentes (esto excluye a IE) he decidido hacer uso de los pseudo
elementos :after y :before, de la siguiente manera:
CSS
----
blockquote
{
width: 499px;
margin: 10px auto;
padding: 0;
}
blockquote:before,
blockquote:after
{
height: 23px;
display: block;
padding: 0;
}
blockquote:before
{
content: url("blockquote-top.png");
}
blockquote:after
{
content: url("blockquote-bottom.png");
}
blockquote p
{
background: #fff;
padding: 0 2px 0 20px;
margin-bottom: 0;
}
Las imagenes "blockquote-{top|bottom}.png" poseen fondo banco y las
comillas comunes en los bloques de citas. Este metodo en firefox 1.5
funciona perfectamente.
Ahora bien, el problema radica en el hecho que los autores del planeta
cuando hacen citas muchas veces olvidan colocar la etiqueta de parrafo
dentro del bloque de cita, ¿Como soluciono este problema?
Pueden ver el ejemplo en:
http://ubuntuchannel.org/pruebas/blockquote.html
Un saludo y gracias anticipadas.
--
Milton Mazzarri, a.k.a. [MilMazz]
Usuario de GNU/Linux: #369158
Ubuntu Linux
http://www.milmazz.com
http://ubuntuchannel.org
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
