Foros del Web » Creando para Internet » CSS »

div con imagen y color de fondo

Estas en el tema de div con imagen y color de fondo en el foro de CSS en Foros del Web. Hola Estoy tratando de crear un div que tenga un color de fondo blanco pero que a su vez tenga una imagen encima del fondo ...
  #1 (permalink)  
Antiguo 26/05/2011, 04:19
Avatar de atoleon  
Fecha de Ingreso: marzo-2007
Mensajes: 156
Antigüedad: 10 años, 2 meses
Puntos: 1
div con imagen y color de fondo

Hola

Estoy tratando de crear un div que tenga un color de fondo blanco pero que a su vez tenga una imagen encima del fondo blanco. Es decir, lo que quiero lograr es que la parte alta del div tenga una imagen tipo cabecera y que rellene el resto de la caja de color blanco.
Pero no logro conseguirlo, el div se queda completamente de color blanco. Pongo el código por si sirve de algo:
Código CSS:
Ver original
  1. #center_column {
  2.     width: 556px;
  3.     margin: 0 0 30px 0;
  4.     overflow: hidden;
  5.     background: #FFF url('../img/shaman_black_mod/fondo_center_column.gif') no-repeat top;
  6. }

Muchas gracias por vuestra ayuda, saludos
  #2 (permalink)  
Antiguo 26/05/2011, 05:02
 
Fecha de Ingreso: abril-2011
Mensajes: 49
Antigüedad: 6 años
Puntos: 1
Información Respuesta: div con imagen y color de fondo

Prueba con :

#center_column {
width: 556px;
margin: 0 0 30px 0;
overflow: hidden;
background: #FFF;
background-image: url('../img/shaman_black_mod/fondo_center_column.gif');

background-repeat:no-repeat;
}
  #3 (permalink)  
Antiguo 26/05/2011, 05:21
Avatar de atoleon  
Fecha de Ingreso: marzo-2007
Mensajes: 156
Antigüedad: 10 años, 2 meses
Puntos: 1
Respuesta: div con imagen y color de fondo

Gracias Isra_84, pero no funciona así tampoco.
  #4 (permalink)  
Antiguo 26/05/2011, 09:45
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 11 meses
Puntos: 269
Respuesta: div con imagen y color de fondo

@atoleon:
usa la propiedad background-position: ... ;

Código CSS:
Ver original
  1. background-position: top center;
  2. background-position: 0 0; /*o con números */
  3.  
  4. /*también puedes usar expresiones cortas.*/
  5. background: #FFF url('../img/shaman_black_mod/fondo_center_column.gif') no-repeat 0 0;
  6. /*
  7. 0 0 hace referencia a la esquina superior izquierda de la caja
  8. donde el 1er cero hace referencia al eje x y el 2do cero hace referencia al eje y.
  9. juega poniendo valores negativos y positivos para ver como corre la imagen.
  10. */

Etiquetas: color, 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 12:54.