Body Backgroud-Image no me funciona..

Lara_1987 · #1 (**permalink**) 25/09/2011, 14:00

hola! tengo un problema con el background-Image en el body ... :(

les paso el codigo de la hoja de estilo (.css)

Cita:

<html>
<head>
<title>Estilos</title>
<style type=text/css>
body{
background-image: url("../img/fondo.jpg");
}
p.titulo{
color:purple;
font-size:40pt;
text-decoration:underline;
font-weight:bold;
}
p.subtitulo{
color:black;
font-family:calibri;
font-size:28pt;
font-weight:bold;
}
p.encabezado{
font-size:34pt;
font-family:Comic Sans Ms;
font-weight:bold;
}
p.texto{
font-size:18pt;
font-family:calibri;
text-align:justify;
}
</style>
</head>
</html>

La imagen "fondo.jpg" esta en una carpeta llamadas IMG que se encuentra en el mismo nivel de la carpeta CSS que contiene la pagina estilo.css (el codigo que esta arriba).

Cuando lo aplico a las paginas de mi web el fondo.jpg , no aparece y quedan con el fondo blanco(esto es una pagina para un trabajo de la facultad y tiene que estar separadas en carpetas las imagenes,los CSS y paginas aclaro para que no me digan que tengo que poner la imagen en la carpeta de .css), no suelo codificar las paginas yo, soy mas del diseño

Agradesco cualquier ayuda... saludos,Lara

AdBoxPublicidad · #2 (**permalink**) 25/09/2011, 14:40

Hola, al parecer tu hoja de estilos está mal, por lo general una hoja de estilos no tiene cabeceras <html>, <head> o <title>, siempre empiezan así:

@charset "utf-8";
/* CSS Document */

body{
background-image: url("../img/fondo.jpg");
}
etc etc etc

Sería bueno que aquí pusieras también como está llamando la hoja de estilos en tu archivo Html, a ver si posiblemente el error está ahí, de esa manera es más sencillo ayudarte.

Saludos

Lara_1987 · #3 (**permalink**) 25/09/2011, 16:10

hola! problema resuelto tenias razon.... gracias..