Color de fondo e imagen de fondo

Buenas otra vez yo :cry:
Soy novato en esto...y el error que me da ahora es un error muy comun por los posteadores como leei en distintos post, pero ninguno me arreglo mi problema :(
Os paso mi estructura haber si tiene algun error

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>



Bienvenidos a nuestra página web, ya mismo estara lista!</p>


Página creada gracias a CCTW</p>
</body>
</html>


estilos.css

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

PD:Mi dos carpetas estan bien escritas y todo...segui los pasos bien guardando la imagen de fondo y todo...
Bueno me ayudasteis hace poco ojala pase lo mismo con este post^^

Gracias, saludos.
Porfavor respondan :( me tengo que ir de viaje y no quiero irme sin saber el problema xd, no me gusta ni soy impaciente jeje solo que me interesa estas cosas y me gustan.
Ayuden xfavor
Gracias
cual es el error? dijiste que era un error muy común entre los posteadores pero no dijiste cual es, a priori está el código bien, :wink:
Artisan escribió:Porfavor respondan :( me tengo que ir de viaje y no quiero irme sin saber el problema xd, no me gusta ni soy impaciente jeje solo que me interesa estas cosas y me gustan.
Ayuden xfavor
Gracias
Hola:
Pero ¿cuál es su problema? ¿que no le aparece la imagen que quiere poner de fondo?
Si es que es la imagen la que no se ve,primero pruebe ponerlo así:
body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center;background-repeat:repeat;}
Si eso no resuelve el problema , saque la imagen de la carpeta objetos al escritorio y haga sobre ella clic derecho, cuando se abra el desplegable elija "abrir con" y en el desplegable elija si tiene , el Paint o el Photoshop luego que esté abierta vaya a "archivo" y en el desplegable elija "guardar como", y cuando se abra la ventana , en la parte de abajo pongale donde dice "nombre" fondo1, solo ponga el nombre, luego en la casilla de mas abajo elija con la flecha la extensión de como quiere guardarla, solo elíjala que ya se pondrá sola luego haga clic en guardar (que se guarde en su escritorio) y ya se sabrá la extensión correcta de la imagen, esto es por si la extensión haya sido en principio imcorrecta.
Luego esa imagen póngala en su carpeta objetos, y luego abra su hoja de estilo y escriba el nombre correcto con la extensión de como la guardó, si la guardó como fondo1.png, escriba en la ruta en su hoja de estilo background-image:url(objetos/fondo1.png);background-position etc. etc. etc.
Saludos
Puede que se le haya guardado como PNG (mayúsculas) o como png (minúsculas)
Agradecido de los que aprenden enseñando
Mi problema es que no me deja ponerle color ni fondo :(
Tengo todos los codigos bien no se cual es el problema
Ahora lo intento lo que me has dicho raulyure, de todas formas el color del fondo tampoco me deja y es muy raro
Artisan escribió:Ahora lo intento lo que me has dicho raulyure, de todas formas el color del fondo tampoco me deja y es muy raro
Hola
Lo mas seguro que por alguna razón que usted no haya percibido no le está relacionando la página con la hoja de estilo, cuando es la imagen la que no se ve , es problema normalmente de extensión de la imagen, pero si es el color de fondo el que no se ve , entonces es problema de la relación que debe tener la página con la hoja de estilo. Aunque parezca tontería, pero debe volver a revisar. Su página debe estar en la misma carpeta que la hoja de estilo, la hoja de estilo si se llama estilos.css, que sea así exactamente lo que usted ponga en el link rel de su página, tenga cuidado con las mayúsculas y las minúsculas, revise si no hay espacio entre estilos y el punto y css, debe ir junto, sin espacio, tanto en una como en otra parte. La coma con el punto a veces no se diferencia mucho, a veces de tanto mirar llega el momento en que uno no ve (se lo digo por experiencia).
Saludos
Agradecido de los que aprenden enseñando
No me gusta para nada decir esto pero... me temo que tengo que tirar la toalla :cry: :cry:
Ya volvere cuando sepa un poco mas a manejar este programa hice todo del principio paso a paso hice todo lo que dijisteis y nada... :cry: :cry:
Muchas gracias a todos por vuestras ayudas.
Jorgens buen trabajo se entiende todo muy bien sera un problema mio que no puedo solucionar, suerte
Adios
Artisan escribió:No me gusta para nada decir esto pero... me temo que tengo que tirar la toalla :cry: :cry:
Ya volvere cuando sepa un poco mas a manejar este programa hice todo del principio paso a paso hice todo lo que dijisteis y nada... :cry: :cry:
Muchas gracias a todos por vuestras ayudas.
Jorgens buen trabajo se entiende todo muy bien sera un problema mio que no puedo solucionar, suerte
Adios
Hola
Bueno , ami no me suele gustar tirar la toalla ni al principio ni al final, así que lo que usted dice lo tomaré como si fuese un pequeño descanso, sin embargo cuando tenga tiempo (y ganas) podría probar haciéndo esto:
Cree una carpeta en su escritorio, póngale por nombre "mi-web", luego de tenerla creada, dentro de ella cree una que se llame "objetos", luego busque cualquier imagen pequeña en su ordenador y póngala en esa carpeta objetos, imaginemos que la imagen se llama gato.jpg después vaya a "inicio" en la parte inferior de su pantalla, púlse , ponga el cursor en "todos los programas" y en el desplegable que se abre elija "Accesorios" o ponga el cursor en "Accesorios" y en el desplegable que se abre pulse en "bloc de notas", cuando se abra la ventana del "bloc de notas" ponga allí lo siguiente:
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet"href="estilo.css" type="text/css" media="all">
</head>
<body>
</body>
</html>
Luego en esa misma ventana vaya arriba donde dice "archivo" , pulse y en el desplegable que se abre elija "guardar como", cuando se abra la ventana del guardar como en la parte de abajo donde dice "nombre", borre lo que está en esa casilla y escriba index.html, luego elija donde la guardará, hágalo en la carpeta recién creada en su escritorio, la que se llama "mi-web". y cierre
Después que haya hecho eso, vuelva a ir a "inicio" (abajo de su pantalla a la izquierda) luego en "todos los programas" y en el desplegable elija "Accesorios", luego en el desplegable que se abre elija o habra "bloc de notas", se le abrirá la ventana, y escriba :
body{background-color:#E6E6FA;background-image:url(objetos/gato.jpg);background-position:center center;background-repeat:repeat;}
Luego después de escribir eso vaya a la esquina superior izquierda y en "archivo" pulse para que elija "guardar como", cuando se abra la ventana del guardar como, vaya abajo y donde dice "nombre" borre lo que hay allí y escriba estilo.css luego elija la carpeta donde la va a guardar, (la misma donde ha puesto ese index.html) y pulse en guardar y cierre. Ahora que ya tiene todo cerrado vaya a esa carpeta "mi-web" ábrala y dele doble clic al index, seguramente le saldrá un mensaje de que el archivo no se puede encontrar, usted no le haga caso y cierre ese mensaje, que allí mismo le mostrará la página index.html.
allí verá si está esa página bien relacionada con la hoja de estilo.
Si usted quiere abrir la página en la vista código para escribir en ella debe hacer clic derecho en la página y en el desplegable que se abre elegir "abrir con" y elige "bloc de notas", para guardar lo que escribió ya no necesita hacerlo con el guardar como si no solo guardar y cerrar. Para la hoja de estilo solo hace falta para abrirla hacer doble clic en ella.
Cuando antes no existían todos esos programas que lo hacen casi todo por uno, las páginas se hacían solo con el bloc de notas, que al fin de cuentas es la base en que se basan todos esos programas que hay ahora, si eso que le digo le funciona, puede luego poner esa página reemplazándo a la otra en la carpeta y lo mismo con la hoja de estilo, antes de hacer el cambio haga que tengan el mismo nombre, la página que "no funciona" con la nueva y lo mismo con la hoja de estilo, para que coincida también con lo que hay en el programa HTML-KIT.
Saludos
PD
Le recomiendo que no haga copiar y pegar, escriba lo que tenga que poner, porque muchos programas no reconocen o no toman en cuenta el copiar y pegar
Agradecido de los que aprenden enseñando
Hola! Me estoy dejando los cuernos todo el dia y no consigo salir de lo mismo. Para empezar a mi no me queda del todo claro en que linea o delante de que se pone: body {background-color: #E6E6FA} Y para poner la imagen de la misma forma. Alguien me puede ayudar... :)
Hola

veamos

dices que esto es el contenido de tu página 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>


Bienvenidos a nuestra página web, ya mismo estara lista!</p>


Página creada gracias a CCTW</p>
</body>
</html>

en rojo te he marcado estilos.css dices que asi se llamta tu documento css
puedes comprobarlo,???
recuerda que no es lo mismo Estilos.css que estilos.css

y para no batallar tanto
ve al foro de html-kit, ahi hay un post de como poner imagenes

toma una captura de pantalla con el index abierto mostrandonos los codigos, y el css abierto tambien mostrandonos los codigos

seguro que el fallo es una letra, de mas o de menos

saludos
Raulyure eres un profesional :)
Gracias por atenderme y ayudarme, Saludos tios
Suerte
Artisan escribió:Raulyure eres un profesional :)
Gracias por atenderme y ayudarme, Saludos tios
Suerte
Hola:
Me alegro que lo haya solucionado
Saludos
Agradecido de los que aprenden enseñando
Hola
Bueno , ami no me suele gustar tirar la toalla ni al principio ni al final, así que lo que usted dice lo tomaré como si fuese un pequeño descanso, sin embargo cuando tenga tiempo (y ganas) podría probar haciéndo esto:
Cree una carpeta en su escritorio, póngale por nombre "mi-web", luego de tenerla creada, dentro de ella cree una que se llame "objetos", luego busque cualquier imagen pequeña en su ordenador y póngala en esa carpeta objetos, imaginemos que la imagen se llama gato.jpg después vaya a "inicio" en la parte inferior de su pantalla, púlse , ponga el cursor en "todos los programas" y en el desplegable que se abre elija "Accesorios" o ponga el cursor en "Accesorios" y en el desplegable que se abre pulse en "bloc de notas", cuando se abra la ventana del "bloc de notas" ponga allí lo siguiente:
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet"href="estilo.css" type="text/css" media="all">
</head>
<body>
</body>
</html>
Luego en esa misma ventana vaya arriba donde dice "archivo" , pulse y en el desplegable que se abre elija "guardar como", cuando se abra la ventana del guardar como en la parte de abajo donde dice "nombre", borre lo que está en esa casilla y escriba index.html, luego elija donde la guardará, hágalo en la carpeta recién creada en su escritorio, la que se llama "mi-web". y cierre
Después que haya hecho eso, vuelva a ir a "inicio" (abajo de su pantalla a la izquierda) luego en "todos los programas" y en el desplegable elija "Accesorios", luego en el desplegable que se abre elija o habra "bloc de notas", se le abrirá la ventana, y escriba :
body{background-color:#E6E6FA;background-image:url(objetos/gato.jpg);background-position:center center;background-repeat:repeat;}
Luego después de escribir eso vaya a la esquina superior izquierda y en "archivo" pulse para que elija "guardar como", cuando se abra la ventana del guardar como, vaya abajo y donde dice "nombre" borre lo que hay allí y escriba estilo.css luego elija la carpeta donde la va a guardar, (la misma donde ha puesto ese index.html) y pulse en guardar y cierre. Ahora que ya tiene todo cerrado vaya a esa carpeta "mi-web" ábrala y dele doble clic al index, seguramente le saldrá un mensaje de que el archivo no se puede encontrar, usted no le haga caso y cierre ese mensaje, que allí mismo le mostrará la página index.html.
allí verá si está esa página bien relacionada con la hoja de estilo.
Si usted quiere abrir la página en la vista código para escribir en ella debe hacer clic derecho en la página y en el desplegable que se abre elegir "abrir con" y elige "bloc de notas", para guardar lo que escribió ya no necesita hacerlo con el guardar como si no solo guardar y cerrar. Para la hoja de estilo solo hace falta para abrirla hacer doble clic en ella.
Cuando antes no existían todos esos programas que lo hacen casi todo por uno, las páginas se hacían solo con el bloc de notas, que al fin de cuentas es la base en que se basan todos esos programas que hay ahora, si eso que le digo le funciona, puede luego poner esa página reemplazándo a la otra en la carpeta y lo mismo con la hoja de estilo, antes de hacer el cambio haga que tengan el mismo nombre, la página que "no funciona" con la nueva y lo mismo con la hoja de estilo, para que coincida también con lo que hay en el programa HTML-KIT.
Saludos
PD
Le recomiendo que no haga copiar y pegar, escriba lo que tenga que poner, porque muchos programas no reconocen o no toman en cuenta el copiar y pegar


HOLA
buenas noches queria saber por que puede ser que la imagen de fondo haciendo todos los pasos todavia no aparesca hice de todo jeje =)
si me pueden dar una manito
graciass
Nannu
nanu19 escribió:
Hola
Bueno , ami no me suele gustar tirar la toalla ni al principio ni al final, así que lo que usted dice lo tomaré como si fuese un pequeño descanso, sin embargo cuando tenga tiempo (y ganas) podría probar haciéndo esto:
Cree una carpeta en su escritorio, póngale por nombre "mi-web", luego de tenerla creada, dentro de ella cree una que se llame "objetos", luego busque cualquier imagen pequeña en su ordenador y póngala en esa carpeta objetos, imaginemos que la imagen se llama gato.jpg después vaya a "inicio" en la parte inferior de su pantalla, púlse , ponga el cursor en "todos los programas" y en el desplegable que se abre elija "Accesorios" o ponga el cursor en "Accesorios" y en el desplegable que se abre pulse en "bloc de notas", cuando se abra la ventana del "bloc de notas" ponga allí lo siguiente:
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet"href="estilo.css" type="text/css" media="all">
</head>
<body>
</body>
</html>
Luego en esa misma ventana vaya arriba donde dice "archivo" , pulse y en el desplegable que se abre elija "guardar como", cuando se abra la ventana del guardar como en la parte de abajo donde dice "nombre", borre lo que está en esa casilla y escriba index.html, luego elija donde la guardará, hágalo en la carpeta recién creada en su escritorio, la que se llama "mi-web". y cierre
Después que haya hecho eso, vuelva a ir a "inicio" (abajo de su pantalla a la izquierda) luego en "todos los programas" y en el desplegable elija "Accesorios", luego en el desplegable que se abre elija o habra "bloc de notas", se le abrirá la ventana, y escriba :
body{background-color:#E6E6FA;background-image:url(objetos/gato.jpg);background-position:center center;background-repeat:repeat;}
Luego después de escribir eso vaya a la esquina superior izquierda y en "archivo" pulse para que elija "guardar como", cuando se abra la ventana del guardar como, vaya abajo y donde dice "nombre" borre lo que hay allí y escriba estilo.css luego elija la carpeta donde la va a guardar, (la misma donde ha puesto ese index.html) y pulse en guardar y cierre. Ahora que ya tiene todo cerrado vaya a esa carpeta "mi-web" ábrala y dele doble clic al index, seguramente le saldrá un mensaje de que el archivo no se puede encontrar, usted no le haga caso y cierre ese mensaje, que allí mismo le mostrará la página index.html.
allí verá si está esa página bien relacionada con la hoja de estilo.
Si usted quiere abrir la página en la vista código para escribir en ella debe hacer clic derecho en la página y en el desplegable que se abre elegir "abrir con" y elige "bloc de notas", para guardar lo que escribió ya no necesita hacerlo con el guardar como si no solo guardar y cerrar. Para la hoja de estilo solo hace falta para abrirla hacer doble clic en ella.
Cuando antes no existían todos esos programas que lo hacen casi todo por uno, las páginas se hacían solo con el bloc de notas, que al fin de cuentas es la base en que se basan todos esos programas que hay ahora, si eso que le digo le funciona, puede luego poner esa página reemplazándo a la otra en la carpeta y lo mismo con la hoja de estilo, antes de hacer el cambio haga que tengan el mismo nombre, la página que "no funciona" con la nueva y lo mismo con la hoja de estilo, para que coincida también con lo que hay en el programa HTML-KIT.
Saludos
PD
Le recomiendo que no haga copiar y pegar, escriba lo que tenga que poner, porque muchos programas no reconocen o no toman en cuenta el copiar y pegar


HOLA
buenas noches queria saber por que puede ser que la imagen de fondo haciendo todos los pasos todavia no aparesca hice de todo jeje =)
si me pueden dar una manito
graciass
Hola:
Si ya no le han contestado antes, le diré que primero lo que usted debe hacer es revisar muy bien que los nombres tanto en una parte como en otra coincidan, usted dice que es la imagen de fondo la que no se ve ¿pero el color de fondo? Si se ve el color de fondo entonces significa que la página está bien relacionada con la hoja de estilo, por tanto sería la imagen la que tiene el problema, puede probar sacándo su imagen de la carpeta objetos y poner la imagen en alguna parte de su escritorio, luego le hace click derecho a la imagen y elige en "Abrir con" el programa con el que la va a abrir (puede ser Paint o Photoshop), después que la tenga abierta, vaya arriba en esa ventana y pulse en "Archivo" y elija "Guardar como", se le abre una ventana y abajo donde dice "Nombre" pongale el nombre a esa imagen , solo el nombre, por ejemplo fondo1, luego en la casilla de abajo, donde dice "Tipo" en la flecha de la derecha pulsela para que elija la extensión de como quiere guardar esa imagen que se llama fondo1, cuando haya elegido la extensión por ejemplo png, pulse en "guardar" y la imagen se le guardará en el escritorio cerca de la original , ahora coja esa imagen (la recién guardada y ´pongala en su carpeta "objetos", luego vaya a su hoja de estilo y en la línea del body escriba el código para esa imagen , poer ejemplo
body{bla. bla. bla;background-image:url(objetos/fondo1.png);background-position:center;background-repeat:repeat; bla.bla. bla.}, pruebe poner ese png primero con minúsculas , si al hacer vista previa se ve, es que está bien , si no se ve, es que era PNG con mayúsculas.
Saludos