No me sale el fondo de color

He seguido los pasos como manda el curso...pero a la hora de meter el color del fondo....pongo lo siguiente en mi hoja de stilos:


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

<html>
<head>
<title>Page title</title>
</head>
<body>body {background-color: #BDB76B}



</body>
</html>

-------------------------------------------------------------------------------------

Cuando lo grabo me voy a la de index.html ,al "preview" y no veo el fondo del color que e elegido, se queda en blanco....

Podéis ayudarme?
¡¡¡¡¡¡ Lo conseguíiiiiiiii !!!!!!!
Joer..mira que soy torpe.....Fijándome en un post de más abajo donde hay un chico que tuvo el mismo problema...me dí cuenta de todo lo que me sobraba :oops: .
Gracias igualmente.
Bueno........pues ahora lo que no puedo es abrir la carpeta de "objetos" para pegar en ella mi fondo..........
Que bruta que debo e parecer....
Mariam escribió:Bueno........pues ahora lo que no puedo es abrir la carpeta de "objetos" para pegar en ella mi fondo..........
Que bruta que debo e parecer....
Hola:
¿Cuál fondo es el que quiere pegar en su carpeta objetos?. Si es una imagen de fondo, debe ir a su carpeta que tiene en el escritorio, la que debe de estar dentro de "web-ejemplo-cctw" y pegarla allí, luego cuando quiera ponerla en su página, la puede poner en la hoja de estilo, si es la imagen que va a poner en la página index le pone allí en la hoja de estilo a continuación de donde puso body{background-color:#000000;} y le pone:
body{background-color:#000000;background-image:url(objetos/elnombre de su imagen.jpg);background-position:center;background-repeat:repeat;} En la extensión que tenga su imagen sea gif, o png, o jpg ponga la correcta.
En todo caso como no especificó que es lo que quiere poner de fondo, como dato, el color de fondo se pone por defecto cuando uno indica ese color en la hoja de estilo.
Saludos
Agradecido de los que aprenden enseñando
Lo conseguíííííííí......pero ahora, lo que no puedo es ver el fondo.... en la carpeta de objetos, el fondo le cambié el nombre como dice el cursillo y le puse "fondo" , a secas...sin el "png", ....creo que es así..no??

El la hoja de estilos.css, tengo puesto esto....

body {background-color: #BDB76B ; background-image: url(objetos/fondo.png)}

Cuando voy al "index.html" y me dirigió l preview para ver el fondo....no se ve...se ve mi página con el color anterior elegido..y las frases....pero no se ve el fondo que es ese como de color oro haciendo aguas....

Es correcto esto???

Siento molestar tanto de verdad....me siento muy patosa...
Mariam escribió:Lo conseguíííííííí......pero ahora, lo que no puedo es ver el fondo.... en la carpeta de objetos, el fondo le cambié el nombre como dice el cursillo y le puse "fondo" , a secas...sin el "png", ....creo que es así..no??

El la hoja de estilos.css, tengo puesto esto....

body {background-color: #BDB76B ; background-image: url(objetos/fondo.png)}

Cuando voy al "index.html" y me dirigió l preview para ver el fondo....no se ve...se ve mi página con el color anterior elegido..y las frases....pero no se ve el fondo que es ese como de color oro haciendo aguas....

Es correcto esto???

Siento molestar tanto de verdad....me siento muy patosa...
Hola:
Mariam, no se moleste por favor por esto, pero le explicaré una cosita, cuando usted pone un color de fondo, para las páginas web se llama "background-color" si usted quiere poner una imagen de fondo, entonces se llama "background-image", entonces cuando usted pregunte acerca de un fondo, diganos color de fondo, si es eso lo que no se puede ver , o diganos imagen de fondo si es que es la imagen la que no se ve, porque son dos cosas diferentes y con arreglos diferentes, entonces me imagino que cuando dice que ya lo consiguió, pienso que está refiriéndose a la imagen de fondo, pues como le dije antes debe poner la imagen con su extensión, o sea si es png, en la hoja de estilo debe poner :
body{background-color:#000000;background-image:url(objetos/suimagen.png);background-position:center:background-repeat:repeat;}
Ahora si no se le ve esa imagen, entonces le diremos como hacerlo, porque el problema es muchas veces la extensión. También revise que su carpeta objetos se llame exactamente igual que cuando la escribe en la hoja de estilo, si es con minúsculas que sea también en la hoja de estilo con minúscula.
Y todos hemos comenzado así sin saber nada, así que no se preocupe y pregunte lo que quiera
Saludos
Agradecido de los que aprenden enseñando
Pues muchas gracias....gracias por comprender que para mí esto es totalmente nuevo, y aunque le pongo mucho empeño....es difícil...
Verá, lo que conseguí es copiar la imagen de fondo en la carpeta de "objetos"...yo burra de mi intentaba pegarla directamente desde el programa de html, intentando abrir allí la carpeta y claro, esta no se abría...hasta que leí detenidamente y después de 2 cafés...me dí cuenta de que tenía que pegarla en la carpeta que abrí anteriormente..desde el escritorio...ahora se ve la imagen dentro del panel del html:
" web-ejemplo-cctw-local - carpeta de objetos - fondo.ipg " .

Esta imagen de fondo la copié del curso paso a paso, en el paso primero, la sección de fondos en css, es el color oro que hace como aguas.
Que és lo que no consigo que se vea, cuando voy al "preview" dentro del "index.html", akí, solo se ve, el color de fondo que conseguí poner anteriormente, pero no, la imagen de este otro...

Pero ahora según lo que usted me explica, me he hecho un poco un lio, mire, en el curso pone:

"body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }"

Y mi pregunta es:
¿ Tengo que cambiar después de "fondo." el "png"? es decir:
La imagen de fondo que yo tengo en la carpeta acaba en "ipg" y akí me mandan poner "png", y según su explicación, usted me dice que hay que tener en cuenta eso..por lo tanto, interpreto que en vez de poner:

"body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }"

Tengo que poner:

"body {background-color: #E6E6FA ; background-image: url(objetos/fondo.ipg) }

¿Es correcto?...ó ya me lié yo otra vez.

Gracias de nuevo.
Raulyure....gracias por tu atención....esto es vergonzoso....pero leyendo un poco más abajo en el post, encontré a otro usuario con el mismo problema...y la explicación que obtuvo me vino que ni llovida del cielo ¡¡¡
La pego aquí, por si a alguien le puede servir...

javi_ls
Habitante


Registrado: 15 Dic 2007
Mensajes: 51
Ubicación: San fernando de henares, madrid
Publicado: Sab May 24, 2008 3:18 pm Asunto:

--------------------------------------------------------------------------------

la imagen se tiene que llamar fondo.png.
de todas formas si no sabes que extension es,abre la imagen con el paint(por ejemplo) le das a guardar como, y abajo en la ventana de guardar,te pone la extension(.gif,jpeg,png etc etc).Elige la extension .png y le pones de nombre fondo.

saludos



-----------------------------------------------------------------------------------
Ahora seguiré con el curso....haber cual el es siguiente problema...jejj.
Mariam escribió:Raulyure....gracias por tu atención....esto es vergonzoso....pero leyendo un poco más abajo en el post, encontré a otro usuario con el mismo problema...y la explicación que obtuvo me vino que ni llovida del cielo ¡¡¡
La pego aquí, por si a alguien le puede servir...

javi_ls
Habitante


Registrado: 15 Dic 2007
Mensajes: 51
Ubicación: San fernando de henares, madrid
Publicado: Sab May 24, 2008 3:18 pm Asunto:

--------------------------------------------------------------------------------

la imagen se tiene que llamar fondo.png.
de todas formas si no sabes que extension es,abre la imagen con el paint(por ejemplo) le das a guardar como, y abajo en la ventana de guardar,te pone la extension(.gif,jpeg,png etc etc).Elige la extension .png y le pones de nombre fondo.

saludos



-----------------------------------------------------------------------------------
Ahora seguiré con el curso....haber cual el es siguiente problema...jejj.
Hola:
Bueno Mariam , realmente casi todos los problemas que tenemos al principio casi están contestados en alguna parte solo hay que hacer a veces como lo ha hecho usted :buscar un poquito, aunque tampoco molesta preguntar ,, yo le decía la diferencia que hay entre el color de fondo y la imagen de fondo, porque como le repito, son dos cosas distintas, Ahora cuando yo le indiqué que pusiera todos esos códigos era para asegurar que la imagen ocupara todo el espacio, (que se repitiera) para que usted realmente pudiera verla, al ygual que el codigo ese que le puse , era para que quedara centrada (al medio de la página) Pero como yo no sabía lo que usted había hecho le di esa información para después explicarle el como saber que extensión realmente tenía esa imagen (ya veo que su curiosidad le llevó a la respuesta). Cuando una imagen que uno pone en la página web no se vé, normalmente es por problema de extensión, por eso lo que uno debe hacer es ir y abrir cualquier editor (programa) de imagen y abrir esa imagen, llámese Paint o Photoshop o con el que uno suele trabajar las imagenes, y como ya a averiguado se da a "guardar como", entonces se le pone el nombre que uno quiera a la imagen pero no debe uno escribir la extensión, lo que debe hacer es buscarla en el desplegable que se abre cuando uno pulsa una flecha donde suele decir "tipo". Así se asegura uno que la imagen la está guardando en el tipo de extensión correcta.
Y siga adelante con su web
Saludos
Agradecido de los que aprenden enseñando
Muchísimas gracias.
Lo cierto es que yo me he embarcado en esta aventura de manera fortuita...
Lo que yo realmente buscaba eran páginas web´s gratuitas ó económicas....y pinché en Como Crear Tu Web de puro milagro...
Me puse a leer, y me pareció interesantísimo, pero para mí todo un reto ¡¡¡
Y fíjese ¡¡ , no tenía la más mínima idea de absolutamente nada ¡¡, pero lo cierto es que el curso está muy bién explicado, y , por que no??? A si que aquí estoy.

Hoy, no se como hice, que borré sin darme cuenta las carpetas de "files", a sí que opté por desinstalar el programa y empezar desde cero, y acabo de terminar el primer paso con éxito, casi no me lo creo, jej..

Solo tengo una duda....

En el último paso, "Por el momento", trae como han de quedar las páginas,
la de stilos.css:

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

img { border-style: none }

.centrado { text-align:center }

la de index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>


[contenido no disponible]</p>


Página creada gracias a CCTW</p>


[correo eliminado]</p>
</body>
</html>
-------------------------------------------------------------------------------------

Pues resulta que a mí, me quedan así:

la de stilos.css:

body {background-color: #BDB76B ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
.centrado {text-align:center}

la de index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Página Principal Del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista.!</p>


[contenido no disponible]</P>


Página creada gracias a <a href="http://www.comocreartuweb.com"target="_ blank">
CCTW</a></p>
Consultas por E-Mail


[contenido no disponible][correo eliminado]</p>
</body>
</html>

-------------------------------------------------------------------------------

Como se puede apreciar......en las dos páginas hay evidentes diferencias.... o revisando y revisando todos los pasos, creo que no me he saltado nada, puesto que el resultado es absolutamente el mismo....o eso creo yo, pero me preocupa seguir adelante y a mitad del trabajo, resulte que no me vale para nada....

Bueno, creo que por hoy está bién..... y muchas gracias por su gran amabilidad, intentaré molestarle lo gusto.
Un saludo.
Mariam escribió:Muchísimas gracias.
Lo cierto es que yo me he embarcado en esta aventura de manera fortuita...
Lo que yo realmente buscaba eran páginas web´s gratuitas ó económicas....y pinché en Como Crear Tu Web de puro milagro...
Me puse a leer, y me pareció interesantísimo, pero para mí todo un reto ¡¡¡
Y fíjese ¡¡ , no tenía la más mínima idea de absolutamente nada ¡¡, pero lo cierto es que el curso está muy bién explicado, y , por que no??? A si que aquí estoy.

Hoy, no se como hice, que borré sin darme cuenta las carpetas de "files", a sí que opté por desinstalar el programa y empezar desde cero, y acabo de terminar el primer paso con éxito, casi no me lo creo, jej..

Solo tengo una duda....

En el último paso, "Por el momento", trae como han de quedar las páginas,
la de stilos.css:

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

img { border-style: none }

.centrado { text-align:center }

la de index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>


[contenido no disponible]</p>


Página creada gracias a CCTW</p>


[correo eliminado]</p>
</body>
</html>
-------------------------------------------------------------------------------------

Pues resulta que a mí, me quedan así:

la de stilos.css:

body {background-color: #BDB76B ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
.centrado {text-align:center}

la de index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Página Principal Del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista.!</p>


[contenido no disponible]</P>


Página creada gracias a <a href="http://www.comocreartuweb.com"target="_ blank">
CCTW</a></p>
Consultas por E-Mail


[contenido no disponible][correo eliminado]</p>
</body>
</html>

-------------------------------------------------------------------------------

Como se puede apreciar......en las dos páginas hay evidentes diferencias.... o revisando y revisando todos los pasos, creo que no me he saltado nada, puesto que el resultado es absolutamente el mismo....o eso creo yo, pero me preocupa seguir adelante y a mitad del trabajo, resulte que no me vale para nada....

Bueno, creo que por hoy está bién..... y muchas gracias por su gran amabilidad, intentaré molestarle lo gusto.
Un saludo.
Hola: Mariam usted "moleste" lo que quiera, porque creo que uno de los mayores logros personales es cuando queremos aprender algo (que considero que en estos tiempos es muy raro) (lo de querer aprender digo). Pero vamos al asunto:
Cuando usted por ejemplo pone en su hoja de estilo:
body{background-color:#E6E6FA;
background-image:url(objetos/fondo.png);
background-position:center;
background-repeat:repeat;}
Ya ve que lo he puesto en cuatro líneas, pero mientras no se cierre con esas llaves que uno pone al principio y al final, { bla.bla.bla } para la hoja de estilo es una sola línea.
Cuando uno le da una directiva a algún elemento, normalmente lo finaliza con un punto y coma, cuando uno pone ese punto y coma puede seguir en la línea de mas abajo (si quiere). También se suele poner todo seguido, como lo tiene usted, ya que así uno puede comprobar cuando lee que todo pertenece a esa etiqueta (pero cuando cierra completamente una directiva se hace con la llave), por ejemplo a esa etiqueta body (se llaman etiquetas). Cuando vaya avanzando se irá dando cuenta de que después hay que ordenar un poco las cosas en la hoja de estilo, pero eso lo irá aprendiendo.
En lo que se refiere a la página html
allí las directivas que se ponen pueden variar un poco. A veces hay que poner toda la directiva en una línea y a veces no es necesario, pero también lo irá aprendiendo con el curso.
Como anécdota le diré que nadie nació sabiendo, si yo hace poco más de tres meses no sabía la diferencia entre Hosting y Dominio, y ahora... bueno eso ya es otra historia
Le recuerdo que todos hemos aprendido igual, errores sutiles del que no nos damos cuenta, pero que con el tiempo vamos aprendiendo a no cometerlos, una coma mal puesta, un punto separado de la palabra (que no debiera de haberlo estado) escribir con minúscula en una parte y empezar com mayúscula en la otra , son pequeños errores, pero pueden convertirse en un gran problema.
Saludos