No me aparece color de fondo ni imagen

esjucor · 30 Abr 2010, 14:08 · Solicitar retirada

Hola,

Soy principiante en esto pero me encanta. He seguido todos los pasos del tutorial para insertar el color del fondo de la pagina de ejemplo del tutorial y no me aparece ningún color. Se queda blanca. Tampoco me aparece la imagen. el código lo he puesto tal y como indica el tutorial:

en index
<head>

<title>Pagina principal del ejemplo cctv</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"

</head>

y en la de estilos

<body
{background-color: #E6E6FA ; background-image: url(objetos/fondo.png); background-repeat: no-repeat;background-position: center center;height:100%; }
</body>

Hago algo mal? me podeis echar un cable? muchas gracias.

josesd · 30 Abr 2010, 14:14 · Solicitar retirada

no puede haber estilos en el HTML! deben de estar en estilos.css

prueba a poner lo de body{background.. } en estilos.css y en body pon <body> Esto es un texto</body> por ejemplo

Raulyure · 30 Abr 2010, 14:16 · Solicitar retirada

esjucor escribió:Hola,

Soy principiante en esto pero me encanta. He seguido todos los pasos del tutorial para insertar el color del fondo de la pagina de ejemplo del tutorial y no me aparece ningún color. Se queda blanca. Tampoco me aparece la imagen. el código lo he puesto tal y como indica el tutorial:

en index
<head>

<title>Pagina principal del ejemplo cctv</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"

</head>

y en la de estilos

<body
{background-color: #E6E6FA ; background-image: url(objetos/fondo.png); background-repeat: no-repeat;background-position: center center;height:100%; }
</body>

Hago algo mal? me podeis echar un cable? muchas gracias.

hola:
Me imagino que los códigos que ha puesto acá son exactamente los que tiene tanto en su página como en su hoja de estilo.
Por tanto suponiéndo que es así, veo que parece ser que usted no cerró el link rel correctamente y por ello seguramente no se relaciona su pagina con la hoja de estilo.

Usted tiene esto
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"

Y creo que debiera de tenerlo así
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

Seguramente este > es lo que le falta.

Recuerde , o sepa que los códigos que se ponen en la hoja de estilo no son iguales que los que se ponen en la página, y en su hoja de estrilo parece ser que usted tiene <body> allí y eso debiera de eliminarlo.
al igual que el simbolo < que tiene en el anterior body.
En la hoja de estilo solo debe poner el body así
body{etc.etc.etc.}

Ya nos dirá

Saludos

esjucor · 30 Abr 2010, 15:31 · Solicitar retirada

Gracias por vuestra rápidaa respuesta, pero por desgracia no he conseguido nada. En index tengo lo siguiente:

<html>
<head>

<title>Pagina principal del ejemplo cctv</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

</head>

Y en estilos.css tengo lo siguiente:
<html>

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png); background-repeat: no-repeat;background-position: center center;height:100%; }

</html>

No se si en estilos.css ha de aparecer la cabecera, título...

Estoy probando cosas y rompiendome los cuernos pero como soy novata me estoy desesperando un poco. Seguro que es una tontería.
Mil gracias.

Novato · 3 May 2010, 13:27 · Solicitar retirada

Hola, puede ser que te faltan cosas, en todas las hojas de tu web deben estar una serie de elementos (HTML, HEAD, Etc), si uno falta o está mal cerrado o similar no funcionará bien, si te jijas al abrir un nuevo archivo en el HTML-KIT te sale esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<body>

</body>
</html>
y a ti te faltan cosas, lo que tu nos escribes has de ponerlo entre los codigos <head> y </head>, te quedaría algo así:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal del ejemplo cctv</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

</body>
</html>
Eso por un lado, ahora tienes que comprobar que tu hoja de estilos se llame exactamente estilos.css , todo en minusculas y ojo con el .css, que ya ha ocurrido de poner .ccs y no es lo mismo.

Así mismo en esta hoja de estilos le sobra el principio y final, tu tienes:

<html>

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png); background-repeat: no-repeat;background-position: center center;height:100%; }

</html>

Lo que te he marcado en rojo sobra, en las hojas de estilo NO hay que poner nada de HEAD, Ni HTML ni nada de eso...

Comprueba esto y dinos que pasa, un saludo.

esjucor · 4 May 2010, 01:01 · Solicitar retirada

Gracias por tu respuesta novato. No sabía que en las de estilo había que eliminar todo. Lo he hecho así y ya me sale bien.

Ahora tengo otro problemilla. Me pasa con todas las imagenes que me bajo de ejemplos en las lecciones.Me ha pasado con el emotico y también con el buzón. Me las bajo y no me aparecen en la pagina cuando la pongo en previo. Están bien ubicadas en la carpeta de objetos y todo pero no consigo que se vean. No se qué pasa. Estoy bloqueada y me desespera aunque hasta que aprenda un poco, supongo que esto irá así. Podéis echarme un cable?

Gracias.

Novato · 7 May 2010, 22:31 · Solicitar retirada

Pon los codigos y los hechamos un vistazo, tu no te preocupes por que no salgan las cosas bien, al principio es normal, ten paciencia, un saludo.

Yaneth · 8 May 2010, 00:49 · Solicitar retirada

hola
ve al foro de hatml-kit
y entra en el indice de preguntas frecuentes

saludos