Foros del Web » Creando para Internet » CSS »

separancion entre paragrafos

Estas en el tema de separancion entre paragrafos en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/12/2006, 15:46
Avatar de benti  
Fecha de Ingreso: octubre-2001
Ubicación: Benidorm
Mensajes: 413
Antigüedad: 16 años, 1 mes
Puntos: 0
separancion entre paragrafos

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
__________________
Seguro que ahora me sale mejor!
  #2 (permalink)  
Antiguo 21/12/2006, 16:18
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: separancion entre paragrafos

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 21/12/2006, 16:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: separancion entre paragrafos

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.
  #4 (permalink)  
Antiguo 21/12/2006, 17:01
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: separancion entre paragrafos

Cita:
Iniciado por Mikmoro Ver Mensaje
... y p es un elemento en línea...
¿Estás seguro...?

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 21/12/2006, 17:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: separancion entre paragrafos

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.
  #6 (permalink)  
Antiguo 21/12/2006, 17:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: separancion entre paragrafos

Cita:
Iniciado por Mikmoro Ver Mensaje
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 27/12/2006, 12:06
Avatar de benti  
Fecha de Ingreso: octubre-2001
Ubicación: Benidorm
Mensajes: 413
Antigüedad: 16 años, 1 mes
Puntos: 0
Re: separancion entre paragrafos

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
__________________
Seguro que ahora me sale mejor!
  #8 (permalink)  
Antiguo 27/12/2006, 16:28
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: separancion entre paragrafos

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:21.