en el css:
Código:
.contiene-coment p {
padding: 10px 15px 5px 20px;
font-family: candara, mirian, "maiandra gd", calibri, "sans serif";
font-size:1.2em;
line-height:1.4em;
color:#3a3a3a;
}
.contiene-coment p:first-letter {
font-size: 3.2em;
font-weight: bold;
font-family: algerian, castelar, decorativa;
text-transform:uppercase;
color:#a00000;
line-height: 2.4em;
float: left;
}
en el html:
Código HTML:
<div class="contiene-coment">
<p>lorem ipsum dolor sit amet consectetuer pede Donec justo orci tincidunt. Metus lorem fringilla malesuada Curabitur sed egestas eget pretium Nullam at. Curabitur Morbi a eros parturient fringilla nibh accumsan porttitor nibh enim. Lacinia montes elit...</p>
</div>
El problema:
En FF la primera letra de <p> la 'L' se ve de una altura de 2 líneas y con la base (el trazo horizontal) alineado con la segunda línea del párrafo. La tercera línea y posteriores se colocan debajo de esa letra, ajustadas al margen izquierdo.
En Opera y FF7 esta primera letra crea todo un margen izquierdo al párrafo, que no deseo.
No detallo las pruebas y modificaciones porque han sido infroctuosas.
1º= ¿Por qué ocurre?
2º= ¿Cómo corregirlo?
Podéis verlo
aquí donde casi al final de la página, bajo el epígrafe "tribuna pública".
Y el css completo es
éste
Me quedan bastante cosas que pulir, pero cualquier sugerencia a mayores también será bien recibidas.
Un saludo