Foros del Web » Creando para Internet » CSS »

Reducir espacios entre parrafos.

Estas en el tema de Reducir espacios entre parrafos. en el foro de CSS en Foros del Web. Buenas gente. tenia una duda de css, como hago para reducir espacios entre parrafos? ------------------------ esto: <p>asd</p> <p>asd1</p> quedaria: asd asd1 ------------------------ esto: asd<br> asd1 ...
  #1 (permalink)  
Antiguo 09/04/2011, 19:33
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 7 años
Puntos: 5
Reducir espacios entre parrafos.

Buenas gente. tenia una duda de css, como hago para reducir espacios entre parrafos?

------------------------

esto:
<p>asd</p>
<p>asd1</p>

quedaria:
asd

asd1

------------------------

esto:
asd<br>
asd1

quedaria:
asd
asd1

-------------------------

No hay un codigo css donde se puedan indicar "X" pixeles para todos los saltos de linea de todo un <div>?

Esa es mi pregunta, gracias de antemano!
  #2 (permalink)  
Antiguo 09/04/2011, 20:15
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 6 años, 8 meses
Puntos: 11
Respuesta: Reducir espacios entre parrafos.

A cada etiqueta le puedes asignar margin y padding, incluso a la etiqueta <p>.

Saludos!
__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips
  #3 (permalink)  
Antiguo 09/04/2011, 20:31
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 7 años
Puntos: 5
Respuesta: Reducir espacios entre parrafos.

Cita:
Iniciado por GatoGordo Ver Mensaje
A cada etiqueta le puedes asignar margin y padding, incluso a la etiqueta <p>.

Saludos!
Me podes hechar una mano?
seria, ej:
#prueba {margin: 3px 0 3px 0;}

despues el div,
<div id=prueba></div>

Y esto se aplica cada vez que hago un salto de parrafo o un salto de linea?
Y en caso de que lo este usando mal, como lo uso? xD

Otra, no se le puede añadir por ejemplo a las etiquetas "<p>" de un solo selector?
Porque yo tengo mi codigo css en el header, y tengo varios selectores, menu, contenido, contenedor, ect... No puedo asignarle esta propiedad solo a las etiquetas "<p>" del selector "menu" por ej?

Muchas gracias de antemano... :) Saludos
  #4 (permalink)  
Antiguo 09/04/2011, 21:11
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Reducir espacios entre parrafos.

Si tienes por ejemplo:
Código HTML:
Ver original
  1. <div id="menu">
  2. <p> Bla bla bla</p>
  3.  </div>

Puedes hacer:
Código CSS:
Ver original
  1. #menu p {margin: 3px 0;}

Y con esto todos los p que esten dentro de #menu tendrán un margen arriba y abajo de 3pixeles.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 10/04/2011, 01:47
 
Fecha de Ingreso: diciembre-2010
Mensajes: 180
Antigüedad: 7 años
Puntos: 5
Respuesta: Reducir espacios entre parrafos.

Cita:
Iniciado por C2am Ver Mensaje
Si tienes por ejemplo:
Código HTML:
Ver original
  1. <div id="menu">
  2. <p> Bla bla bla</p>
  3.  </div>

Puedes hacer:
Código CSS:
Ver original
  1. #menu p {margin: 3px 0;}

Y con esto todos los p que esten dentro de #menu tendrán un margen arriba y abajo de 3pixeles.
Bunisimo, ya me funciono :) Muchisimas gracias :D
  #6 (permalink)  
Antiguo 10/04/2011, 03:56
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Reducir espacios entre parrafos.

Hola:

www.librosweb.es

Saludos.


Etiquetas: espacios, parrafos, reducir
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 21:07.