Foros del Web » Creando para Internet » CSS »

Párrafo sobre div con imagen de fondo me quita ésta imagen

Estas en el tema de Párrafo sobre div con imagen de fondo me quita ésta imagen en el foro de CSS en Foros del Web. Hola foreros, tengo este HTML: Código: <div id="contenidos"> <div id="altoCabecera"></div> <div id="centroContenidos"> <p>Párrafo</p> </div> <div id="bajoCabecera"></div> </div> Y este CSS para la capa centroContenidos. Cita: ...
  #1 (permalink)  
Antiguo 08/05/2010, 11:12
Avatar de damargon  
Fecha de Ingreso: junio-2003
Ubicación: Madrid
Mensajes: 386
Antigüedad: 14 años, 5 meses
Puntos: 3
Párrafo sobre div con imagen de fondo me quita ésta imagen

Hola foreros,

tengo este HTML:

Código:
<div id="contenidos">
	  	<div id="altoCabecera"></div>
            <div id="centroContenidos">
            	<p>Párrafo</p>
             </div>
 	   <div id="bajoCabecera"></div>
  </div>
Y este CSS para la capa centroContenidos.

Cita:
#centroContenidos{
padding-left:40px;
padding-top:10px;
width:auto;
background-image:url(images/cajaCentral.png);
}
Pues bien, si dentro de la capa centroContenidos añado una etiqueta <p> se cepilla la imagen de fondo creando esa molesta barra que ses puede ver en la imagen:


he hecho varias pruebas pero no consigo quitarlo, ¿alguna sugerencia?

Muchas gracias por adelantado.
  #2 (permalink)  
Antiguo 08/05/2010, 13:43
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Párrafo sobre div con imagen de fondo me quita ésta imagen

Saludos!

Tienes algun Resset CSS? Podrías intentar algo como

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

O poner un Resset CSS. Prueba con eso y nos cuentas.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 09/05/2010, 02:24
Avatar de awesomeboy  
Fecha de Ingreso: abril-2010
Mensajes: 27
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Párrafo sobre div con imagen de fondo me quita ésta imagen

podrías probar agregándole un margin-bottom:0px; y un padding con el mismo valor, a una clase
y agregarselo al párrafo

<p class="tuclase">

</p>

Para que no te expanda el fondo, o ya bien como ultimo recurso, mete la imagen ultima, dentro del párrafo, así no te creara ese vació.

Salu2
  #4 (permalink)  
Antiguo 10/05/2010, 12:52
Avatar de damargon  
Fecha de Ingreso: junio-2003
Ubicación: Madrid
Mensajes: 386
Antigüedad: 14 años, 5 meses
Puntos: 3
Respuesta: Párrafo sobre div con imagen de fondo me quita ésta imagen

Ok, muchas gracias

añadiendo esto ya no aparece esa línea adicional en el párrafo

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

¡Saludos!

Etiquetas: fondo, párrafo
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 16:24.