separancion entre paragrafos

[benti]

Hola tengo unas lineas en paragrafo y cada linea debajo tiene un degradado, con alto de linea " line-height" me junta los paragrafos pero la imagen que tengo de fondo se deforma, os pongo el codigo para que lo entendais mejor

Código:

.degra { 
color: #fff; 
font-size: 10px; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
font-weight: bold; 
background-image: url(../../../modules/Portada/media/bg_degra_01.gif);
text-align: left; 
text-indent: 20px; 
width: 235px; 
line-height: 5px;
}

// codigo de la frase
<p class="degra"><font color="#d60000">»</font> Texto de prueba</p>
<p class="degra"><font color="#d60000">»</font> Texto de prueba</p>

Como puedo hacerlo sin que despues se junte el fondo, es decir el fondo tiene la medida que quiero pero no la separacion entre paragrafos.
gracias

[caricatos]

Hola:

Prueba con los márgenes... a mi me gusta poner margin: 0; (creo que es la forma correcta en textos en español...)

Saludos

[Mikmoro]

Por lo que yo entiendo:
El fondo está en la clase que le aplicas al elemeneto <p>, y p es un elemento en línea, por lo que todo lo que afecte al texto afectará a su fondo. Además ambos tienen la misma clase, de manera que lo que le hagas a uno se lo harás al otro, es decir, los dos se verán afectados, y si deplazas uno para acercarlo al otro, el otro también se desplazará.
Podrías añadir un margen inferior negativo, pero inevitablemente el fondo se moverá con el texto.
Lo único que se me ocurre es que primero ajustes los párrafos como quieres y luego intentes ajustar el fondo desplazándolo con "background-position"
Si supiéramos qué es exactamente lo que quieres hacer, igual alguien te podría sugerir alguna manera de resolverlo.

[caricatos]

Iniciado por Mikmoro

... y p es un elemento en línea...

¿Estás seguro...?

Saludos

[Mikmoro]

Oops!. No, perdón, no quería decir eso.
Me refería a que se va a comportar como una línea al no asignarle un tamaño de alto y marcar el tamaño del fondo con line-height.
Lo siento si he creado confusión.

Mikel.

[caricatos]

Iniciado por Mikmoro

Oops!. No, perdón, no quería decir eso.
Me refería a que se va a comportar como una línea al no asignarle un tamaño de alto y marcar el tamaño del fondo con line-height.
Lo siento si he creado confusión.

Mikel.

Bueno, todo aclarado... además, quién no he tenido alguna vez estos "deslices" ... por lo demás creo que has puesto una buena respuesta...

Saludos

[benti]

al final lo he solucionado con tablas, ya que luego eso iba con datos desde una base de datos, a ver si cuando lo cuelque encontramos un modo mejor que las tablas, gracias por las sugerencias de igual modo

[Mikmoro]

Ok. Ya dirás cuando lo tengas colgado en algún sitio. Por si quieres probarlo, yo creo que añadiendo un margen superior negativo (margin-top: -5px;) en el ejemplo que madaste, los párrafos se juntan y conservan el ancho de su fondo, pero supongo que como ya habrás cambiado el diseño no podrás probarlo ahora.

Lo veremos cuando quieras.

Mikel.