background image

emecuadrado · #1 (**permalink**) 05/12/2007, 10:35

Hola tengo el siguiente problema que me esta enloqueciendo!!!!
resulta que quiero poner una imagen de fondo para el cuerpo de mi pagina con el codigo css.
Estoy trabajando con dreamweaber, pero en la vista previa en el cuerpo no me aparece la imagen sino un espacio gris y el color tampoco me aparece. No se que estoy haciendo mal. Lo probe en dos navegadores, Opera y IE explorer y no anda en ninguno.
Paso los codigos asi ven si me pueden ayudar por favor:

(en html)
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/stilo1.css" rel="stylesheet" type="text/css">
</head>

<body>
</body>
</html>

EN CSS
body {
background-image: #009900 url(body_bg.gif);
}

ya controle los nombre carpeta y rutas relativas mil veces y todo parece estar bien. por favor si pueden ayudenme

atoleon · #2 (**permalink**) 05/12/2007, 10:40

Puede que sea porque no tienes nada en body y por ello la capa tenga un ancho y un alto equivalente a vacio. prueba a poner algo en body

caricatos · #3 (**permalink**) 05/12/2007, 10:41

Hola emecuadrado, bienvenido a los foros

:

Si el estilo es background-image, solo vale la parte que has puesto sobre la url de la imagen... si a la vez quieres controlar el color de fondo, el atributo se llama background-color... así que sería:

body {
background-color: #009900;
background-image: url(body_bg.gif);
}

Para declarar ambas cosas solo debes poner background, pero aún no controlas ni la posición ni la repetición de la imagen de fondo (background-position y background-repeat)

Saludos

emecuadrado · #4 (**permalink**) 07/12/2007, 13:25

Ya he intentado ahora estoy tratando de poner una imagen de fondo con css en una celda ocupando clases
este el codigo css q estoy ocupando

/*textura digonal*/
.textura1{
background:url(imagenes/3.gif);
}

pero no pasa nada. me pone un cuadrado gris. Por que pasa esto?

hey_alan · #5 (**permalink**) 07/12/2007, 16:04

Cita:

Ya he intentado ahora estoy tratando de poner una imagen de fondo con css en una celda ocupando clases
este el codigo css q estoy ocupando

/*textura digonal*/
.textura1{
background:url(imagenes/3.gif);
}

pero no pasa nada. me pone un cuadrado gris. Por que pasa esto?

Raro :P, debería de aparecer.

Hagamos una prueba simple: Intenta poniendo éste código:

/*textura digonal*/
.textura1{
background: #00CC00 url(imagenes/3.gif);
}

¿Te colorea la celda de color verde o gris?

emecuadrado · #6 (**permalink**) 17/12/2007, 13:30

gracias pero ya he resuleto el problema. me faltaban solo unos puntos que iban antes de la carpeta images. Buena Suerte!!