Foros del Web » Creando para Internet » CSS »

Etiqueta <p> causa padding indesado en el Div

Estas en el tema de Etiqueta <p> causa padding indesado en el Div en el foro de CSS en Foros del Web. Hola a todos. Bien, en la web que estoy haciendo, todo iba bien, hasta el momento de comenzar a meter el contenido en la Div ...
  #1 (permalink)  
Antiguo 27/06/2007, 11:20
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 17 años, 3 meses
Puntos: 8
Exclamación Etiqueta <p> causa padding indesado en el Div

Hola a todos.

Bien, en la web que estoy haciendo, todo iba bien, hasta el momento de comenzar a meter el contenido en la Div principal, Ya que me encuentro con la desagradable sorpresa que al insertar una etiqueta <p>, me pone espacios indeseados arriba y abajo de la div del contenido. Aqui una screen para que vean de que hablo:



En cambio, si no pongo las etiquetas <p>, no pasa eso, incluso si pongo saltos de linea <br />:



Por lo que veo, la etiqueta <p> es la problematica. Se que el problema es que estas siempre dejar un espacio arriba y debajo para los parrafos, pero no se como puedo solucionarlo.

Muchas gracias de antemano...

Editado:

También da problemas con H1, H2, ETC. Me imagino que con todos lo que tengan padding vertical :P
__________________
Alan Marth Media

Diseño web y Publicidad en Morelia, Michoacán

Última edición por hey_alan; 27/06/2007 a las 11:26
  #2 (permalink)  
Antiguo 27/06/2007, 11:24
 
Fecha de Ingreso: noviembre-2002
Ubicación: Cerca de todo, lejos de la nada.
Mensajes: 82
Antigüedad: 21 años, 5 meses
Puntos: 0
Re: Etiqueta <p> causa padding indesado en el Div

Prueba con esto:
Código:
p {
	margin: 0px;
	padding: 0px;
}
  #3 (permalink)  
Antiguo 27/06/2007, 11:41
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 17 años, 3 meses
Puntos: 8
Re: Etiqueta <p> causa padding indesado en el Div

Pudiera ser, pero quiero que se sigueran usando de igual manera (con margin) en el resto del contenido...La alternativa que veo es hacer un estilo de tales para los que iran al principio y al final sin margin...
__________________
Alan Marth Media

Diseño web y Publicidad en Morelia, Michoacán
  #4 (permalink)  
Antiguo 27/06/2007, 12:25
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años, 2 meses
Puntos: 535
Re: Etiqueta <p> causa padding indesado en el Div

#contenedor_de_parrafos_sin_margin p{
margin: 0px;
padding: 0px;
}

<div id="contenedor_de_parrafos_sin_margin">
<p>lorem ipsum dolor sit amet>
<p>lorem ipsum dolor sit amet>
</div>
  #5 (permalink)  
Antiguo 27/06/2007, 14:28
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 17 años, 3 meses
Puntos: 8
Re: Etiqueta <p> causa padding indesado en el Div

Muchisimas gracias a ambos, ya esta resuelto ;)
__________________
Alan Marth Media

Diseño web y Publicidad en Morelia, Michoacán
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 12:46.