Foros del Web » Creando para Internet » CSS »

background de <p> no se superpone

Estas en el tema de background de <p> no se superpone en el foro de CSS en Foros del Web. Buenas compañeros, estoy teniendo una dificultas, estoy haciendo que un <p> salga por encima de una imágen, este <p> tiene un background, el texto si ...
  #1 (permalink)  
Antiguo 02/03/2011, 05:58
 
Fecha de Ingreso: junio-2008
Mensajes: 164
Antigüedad: 8 años, 6 meses
Puntos: 6
background de <p> no se superpone

Buenas compañeros, estoy teniendo una dificultas, estoy haciendo que un <p> salga por encima de una imágen, este <p> tiene un background, el texto si que sale, pero el background de <p> no se super pone, pongo una imágen explicativa, mas vale una imágen que mil palabras:



Este es mi css

Código CSS:
Ver original
  1. /*transfondo de la imágen*/
  2. #contenedor #banner_rotator {
  3.     clear:both;
  4.     margin:0;
  5.     padding:0;
  6.     margin-top:5px;
  7.     float:left;
  8.     width:600px;
  9.     height:245px;
  10.     background:url('../img/bg_banner_rotator.png');
  11.     background-repeat:no-repeat;
  12. }
  13.  
  14. /*Imagen del mes*/
  15. #contenedor #banner_rotator img.img_mes{
  16.     margin:0;
  17.     padding-left:4px;
  18.     padding-top:5px;
  19.     width:592px;
  20.     height:231px;
  21. }
  22.  
  23. /*Texto de la imágen del mes con el fondo azul */
  24. #contenedor #banner_rotator p.img_mes_dos {
  25.     z-index:100;
  26.     margin-top:-40px;
  27.     margin-left:60px;
  28.     padding:11px;
  29.     background:url('../img/bg_imagen_mes.png');
  30.     background-repeat:no-repeat;
  31.     width:184px;
  32.     height:54px;
  33.     color:white;
  34. }
  #2 (permalink)  
Antiguo 02/03/2011, 13:47
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 5 años, 10 meses
Puntos: 36
Respuesta: background de <p> no se superpone

Sólo incluyes el css. Debes incluir el HTML también para poder opinar.
Imagínate que el css es un vestido y el HTML la persona que se lo pone.
Pretendes que la modista haga arreglos sin tomar medidas y que el vestido quede bien.
El incluir una imagen ha sido una buena idea.
  #3 (permalink)  
Antiguo 03/03/2011, 04:52
 
Fecha de Ingreso: junio-2008
Mensajes: 164
Antigüedad: 8 años, 6 meses
Puntos: 6
Respuesta: background de <p> no se superpone

Tienes razón sanxuan, un fallo mio. Aquí dejo mi html

Código HTML:
Ver original
  1. <div id="contenedor">
  2.         <div id="header">
  3.         <a href="#"><img class="logo" src="img/logo.png" border="0" alt="MediaLoad" title="MediaLoad"/></a>
  4.         <input type="button" value="" title="Subir ahora" class="btn_sbir_header"/>
  5.         <a href="#" class="a_header"> Registrate</a>
  6.         <input type="text" value="Buscar fotos..." class="bscr_fotos" id="bscr_fotos" onClick="limpia_txt_boton();" onKeyUp="limpia_txt_boton();" onKeyDown="limpia_txt_boton();" onMouseOut="rellena_txt_boton();" name="bscr_fotos"/>
  7.         <input type="button" name="btn_buscr_der" id="btn_buscr_der" class="btn_buscr_der"/>
  8.         </div>
  9.        
  10.         <div id="banner_rotator">
  11.         <img alt="Imágen del mes" title="Imágen del mes" src="img/img_mes.jpg" class="img_mes" id="img_mes"/><p class="img_mes_dos">Imágen del mes</p>
  12.         </div>
  13.        
  14.         <div id="login">
  15.         ee
  16.         </div>
  17.     </div>

Donde se encuentra el <p> es en el div de banner rotator
  #4 (permalink)  
Antiguo 03/03/2011, 06:28
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 7 años, 10 meses
Puntos: 306
Respuesta: background de <p> no se superpone

Prueba agregandole a #contenedor #banner_rotator p.img_mes_dos {
position: relative;

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 03/03/2011, 06:38
 
Fecha de Ingreso: junio-2008
Mensajes: 164
Antigüedad: 8 años, 6 meses
Puntos: 6
Respuesta: background de <p> no se superpone

si ha funcionado, muchas gracias C2am :P

Etiquetas: fondo
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 08:30.