Problemas con la imagen de fondo??? aqui la ayuda

Hola chicos

he visto que la mayoria batalla para poner la imagen de fondo
les he puesto una imagen
[contenido no disponible]

Uploaded with ImageShack.us
[contenido no disponible]

si se fijan tengo abierto el index(en este caso se llama indice), la hoja de estilos, y el worksapace con la carpeta objetos abierta

primero debemos checar letra por letra que todo coincida

el nombre de la hoja de estilos, debe ser exactamente como lo ponemos en el "link rel .........." del index
ya lo ubicaron (color rosa)?????
no debe haber ninguna diferencia, ni de mayusculas ni de espacios en blanco, todo debe estar igual

si esto està bien, entonces debemos ver el color de fondo sin problemas
y ya es un gran avance

luego vamos con la imagen

si se fijan el el workspace, ahi està el nombre de la carpeta (objetos)
y dentro el nombre de la imagen de fondo, ahi debemos ver como es que se llama realmente nuestra imagen
en mi captura verán como mi imagen se llama fondo.png.jpg (color amarillo)

deben ser exactamente igual como lo indicamos en la hoja de estilos
"background-image:........../......."

al igual, no debe haber diferencia, ni de mayusculas y minusculas, ni de espacios en blanco, ni de extenciones
ya que tambien es un fallo comun
cuando guardamos la imagen de ejemplo en el curso

[contenido no disponible]

dice Nombre y tipo
cabe aclarar que la extencion de las imagenes se pone automaticamente, si nosotros donde dice Nombre le ponemos asi
fondo.png
estamos duplicando la extencion y entonces nos quedaria asi

fondo.png.png,

por eso siempre aclaro que deben ponerlo tal y como lo vemos en la carpeta del workspace

ya con esto no deben tener nigun problema

si aun asi, no lo consiguen, para ayudarlos, necesitamos ver una imagen parecida a la que les muestro,
dicen que 4 hojos ven mejor que 2, y en este caso no son 4, son miles jejejej

si no saben poner imagenes en el foro.....
en el indice de preguntas frecuentes 2 temas al respecto
http://www.comocreartuweb.com/consultas/showthread.php/50627-Antes-de-hacer-una-pregunta-mirar-aqui-**%C2%A1%C2%A1INDICE-DE-PREGUNTAS-FRECUENTES!!**

pd.. gracias a Raul, por recordarme lo de las extenciones y por la ayuda brindada, espero no haberlos enredado mas ejejeje
saludos a todos

Moderación escribió:Hola chicos

he visto que la mayoria batalla para poner la imagen de fondo
les he puesto una imagen

[contenido no disponible]

si se fijan tengo abierto el index, la hoja de estilos, y el worksapace con la carpeta objetos abierta

primero debemos checar letra por letra que todo coincida

el nombre de la hoja de estilos, debe ser exactamente como lo ponemos en el "link rel .........." del index
ya lo ubicaron?????
no debe haber ninguna diferencia, ni de mayusculas ni de espacios en blanco, todo debe estar igual

si esto està bien, entonces debemos ver el color de fondo sin problemas
y ya es un gran avance

luego vamos con la imagen

si se fijan el el workspace, ahi està el nombre de la carpeta
y dentro el nombre de la imagen de fondo

deben ser exactamente igual como lo indicamos en la hoja de estilos
"background-image:........../......."

al igual, no debe haber diferencia, ni de mayusculas y minusculas, ni de espacios en blanco, ni de extenciones

con esto no deben tener nigun problema

si aun asi, no lo consiguen, para ayudarlos, necesitamos ver una imagen parecida a la que les muestro,
dicen que 4 hojos ven mejor que 2, y en este caso no son 4, son miles jejejej

si no saben poner imagenes en el foro.....
arriba de este post, hay uno que les dice como hacerlo

saludos a todos

hola Yaneth:
Me parece excelente la idea de poner esta ayuda, solo para añadir, sería conveniente de que pusieras, (ya que tú como moderadora) como solucionar uno de los problemas que también suelen suceder a menudo, (la de cuando se bajan una imagen, le ponen como nombre fondo.png cuando solo debieran de ponerle como nombre fondo, y después agregarle la extensión. Si deseas puedes mirar un poco en:
http://www.comocreartuweb.com/phpBB2/ftopic11897-0-asc-30.html
Para que hagas, si lo deseas, una explicación acerca de ello, En realidad solo si lo crees conveniente
Saludos

si, tienes razon

tambien ese es un fallo muuy repetitivo... ahora me pongo con eso

saludos :wink:

Hola!

Ayer empecé el curso y todo iba bien hasta que llegué a la dichosa imágen de fondo... :x

No me refiero al color del fondo de la web, como he visto por aquí arriba, sino a lo que viene después:
http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

Sigo las instrucciones pero no me sale tal y como me debería salir. Elegí la imágen de las nubes, pero cuando le doy a "ver", me sale solo el color del fondo y lo que he escrito.

Yo quiero lo imágen vertical y centrada, por lo que lo he puesto así:

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

Qué hago mal??

tas igual que yo vuely empeze ayer estuve 1hora chekeando la info de la pagina que muy buena por cierta, hasta que llege al momento de poner de fondo una imagen estuve 1/2hora y nada que me salia, cheke el foro y lei los comentarios y tutoriales y al menos a mi nada que me salia aun la foto gr.. de ahi dije, haver voy a poner una foto formato png como lo hizo el autor y no jpeg como las que habia intentado, estuve buscando una asi con ese formato, buscando en google foto con ese formato de ahi encontre una y probe y funciono.. de ahi dije oe que intente otra 1/2 hora con formato jpeg pq si salio con png tenia que salir pes borre png y ponia jpeg como decia en el tutorial y nada porque no pruebas = que yo derrepente te sale

mi pregunta seria pq me pasa eso y no puedo poner cualquier imagen en cualquier formato... gracias de antemano

hola

vuely: esto es lo que tienes en la hoja de estilo??

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

yntentalo solo asi

body {background-image: url(objetos/fondo.png) }

si esto funciona, uno a uno vas agregando mas caracteristicas

tordeks: se ouede poner cualquier extencion
yo he probado con .gif , .png , .jpg

checa eso que tu estas poniendo .jpeg

saludos

Ya he provado todas las formas que aqui han expuesto y no logro poder poner ninguna imagen de fondo, el resto va todo bien, lo unico que me gustaria es que aclaren bien cuando se refieren a modificar algo si es en estilo o estilo-general, ya que me vuelto loco probando hasta encontrar cual era al que se referian y no lo especificaban, el resto esta perfectamente explicado y de forma muy didactica.

Gracias y espero su ayuda en este pequeño problema.

hola

para saber en que documento poner lascosas
solo fijate en el html a que css s refiere

<link rel.......................................>
.
y para ayudarte con la imagen de fondo

muestranos una captura de pantalla

:wink:

Hola a todos
tengo el mismo problema que varios aqui

todo hiba muy bien hasta llegar a poner el fondo
ya hice todo lo que aqui se dice y nada que sale el fondo

saludos

[contenido no disponible]

no haz guardado la hoja de estilos, presiona ctrl + s y luego ya haces la vista previa este es uno de los mayores errores

Hola!!!

Tengo problemas con la imagen!! :cry:

en estilo.css pongo lo siguiente :

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

y nada, nada...

ya probe todo lo que dice acá, guarde, no le puse extensión...
Ahh yo trabajo con firefox

[contenido no disponible]

Gracias!



Gracias! Saludos

debes poner la extencion, cada imagen tiene su extencion:

gif
jpg
png
bmp

si tu imagen es jpg pon asi:


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

todo depende de la extencion

Hola!!

Muchas gracias por tu ayuda!

Les comento que yo dentro de web ejemplo cree una carpeta llamada ejemplo donde dentro de ella puse la carpeta objetos en la cual se encontraba la imágen. Por lo que mi ruta relativa difiere de la ruta relativa del tutorial. Arrastraba un error, jaja. Bueno lo comento por si a alguien le sucediera lo mismo que a mi. Perdón es que estoy empezando con todo esto :oops:


Gracias por su ayuda!!!

Besos

De nada xD no hay problema sigue asi suerte

Moderación escribió:hola

vuely: esto es lo que tienes en la hoja de estilo??

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

yntentalo solo asi

body {background-image: url(objetos/fondo.png) }

si esto funciona, uno a uno vas agregando mas caracteristicas


saludos

Ok. Lo hice así, y me sale lo que quería, lo de las nubes. El problema es que no me sale como en el ejemplo; quería que se viene el color que le puse y en el centro el fondo de las nubes, conforme tú me dices, me sale lo de las nuebes en TODA la pantalla, y yo solo la quiero en el centro, cómo lo hago?

Llevo como una hora, y nanai.

hola

eso que te comentè era para que poco a poco fueràs agregandole mas caracteristicas, luego nos pasa que ponemos tooodas de un jalòn. luego... no funciona, y no sabemos cual de todas es la que falla me explico???

ahora, si ya te sale la imagen, agregale el color de fondo.....
y haces vista previa.... luego.... le pones a la imagen el no repeat, y haces vista previa, luego lo del centrado....


un abrazo

en esta parte:

background-position: center; background-repeat: no-repeat}

veo todos los comentarios y me digo... "algo no funciono bien en la explicacion... porque no puede ser todos lleguemos a darle color, pero la imagen no la podamos poner... no se" seguire esperando... alguien me ayude a salir de esto... quede.... EMPANTANADO ALLI

Explico algunas razones por las cuales la imagen de fondo no aparece:

:arrow: La url esta mal
:arrow: Mayusculas y minusculas
:arrow: Nombre de la imagen
:arrow: Extencion
:arrow: Guardar hoja de estilos...

Revisen que la url este bien, una url correcta seria esta:

si mi imagen se llama carros.JPG y está en la carpeta imagenes, la url seria asi:

body {background-image: url("imagenes/carros.JPG");}

debes fijarte bien si la imagen esta como .jpg o .JPG o .JPGE o gif Y GIF son distintos ese timpo dde errores son muy comunes

otro la imagen

si se llama CarrOs.GIF asi la debes poner

body {background-image: url("imagenes/CarrOs.GIF");}

al igual con las carpetas en las mayusculas :wink:

pedro53, muestranos una captura de pantalla
para ver el fallo

saludos

pedro53 escribió:veo todos los comentarios y me digo... "algo no funciono bien en la explicacion... porque no puede ser todos lleguemos a darle color, pero la imagen no la podamos poner... no se" seguire esperando... alguien me ayude a salir de esto... quede.... EMPANTANADO ALLI

Hola:
En esto hay que tener un poco de paciencia, ya que es la manera que las cosas de la web se vayan solucionando, le daré unas pocas explicaciones que es posible que le puedan ayudar.

Si el color de fondo (background-color) se ve es que está bien relacionada su página con la hoja de estilo, eso significa que la página puede recibir ordenes desde la hoja de estilo, sin embargo si es la imagen la que no se ve, pueden ser varias cosas. Una de ellas es que su carpeta donde tiene la imagen se llame objetos ( con o minúscula) y usted en la hoja de estilo la llame Objetos (con O myúsculas), otra razón puede ser que cuando usted le puso nombre a su imagen, le haya puesto como nombre (fondo.png). Cuando uno se baja una imagen de internet o crea una imagen propia en su ordenador, uno suele ir a "Archivo" y elegir "guardar como", entonces abajo de la ventana hay dos casillas una que dice "nombre" y la otra dice "tipo", en la que dice "nombre" uno debe poner solo el nombre que quiere que tenga esa imagen (nada mas que el nombre), ahora para elegir la extensión de como quiere uno guardar esa imagen, pues abajo en la casilla "tipo" a la derecha hay una flecha que hay que pulsar para que se abra un desplegable con una variedad de tipos de extensiones, uno, de ese desplegable elige cual extensión quiere para esa imagen y la marca (solo la marca (o hace click en ella), luego arriba (en la parte superior de esa ventana) busca la carpeta en la que quiere guardar esa imagen a la que ya le ha elegido también la extensión, después de elegir en que carpeta guardará esa imagen , uno debe ir a la parte inferior de esa ventana y pulsar en "guardar".
Por ejemplo:
Si yo tengo una imagen en mi ordenador que se llama gatocolorado, y tiene la extensión jpg, entonces me aparecerá como gatocolorado.jpg, pero si yo quiero cambiar el nombre de esa imagen, haré click derecho en la imagen, y en el desplegable que se abre elegiré "abrir con", si solo tengo el programa Paint, pues en ese desplegable elegiré Paint, y se me abrirá la imagen con Paint, ahora como quería cambiar el nombre de la imagen entonces con la imagen abierta en Paint, iré arriba en la ventana y en "archivo" elegiré "guardar como", y en la ventana que se abre, aparecerán las dos casillas, una que se llama "nombre" y la otra "tipo", pues en la que dice "nombre" allí pondré el nombre que quiero para esa imagen (solo el nombre), por ejemplo gatonegro, y en la casilla que se llama "tipo", pulsaré en la flecha que está a la derecha para que se abra un desplegable con los tipos de extensión que puedo elegir para guardar esa imagen y elegiré jpg, luego iré arriba (en esa misma ventana) y buscaré la carpeta donde yo quiero guardar la imagen, después que la haya encontrado y marcado iré abajo y pulsaré en "guardar", luego cerraré la ventana, y cuando vaya a la carpeta donde guardé la imagen esta ya se llamará gatonegro, y tendrá la extensión jpg o sea gatonegro.jpg.
Lo importante cuando uno baja una imagen y le quiere poner nombre , en la casilla donde dice "nombre" solo debe poner el nombre, y en la casilla "tipo", allí es donde uno elige con que extensión quiere guardar esa imagen, lo mismo vale con una imagen que haya sido creada por uno, así que le sugiero que saque su imagen fondo.png (suponiendo que así se llama)de su carpeta objetos (la que tiene en el escritorio) y ponga esa imagen en el escritorio
y ábrala haciéndo click derecho en ella y en "archivo" elija "abrir con" y ábrala con el Paint (o el Photoshop, si lo tiene) luego de tenerla abierta vaya otra vez a "archivo" y elija "guardar como" y en la ventana que se abre, allí donde dice "nombre" escriba fondo1 (solo escriba fondo1) y mas abajo donde dice "tipo" púlse la flecha de la derecha para elegir la extensión que quiere que tenga, puede elegir png, o jpg, luego de hacer eso asegúrese que se guarde en su escritorio y luego abajo pulse en "guardar" y cierre todo.
Suponiendo que la ha guardado con la extensión jpg entonces
ahora tendrá dos imagenes en su escritorio, la primera que se llama fondo.png, y la segunda que se llama fondo1.jpg, coja la que dice fondo1.jpg y pongala en su carpeta objetos.
Luego vaya a su hoja de estilo y donde tiene las directivas para el body escriba: (borre todo primero)
body{background-color:#FFFF00;background-image:url(objetos/fondo1.jpg);background-position:center center;background-repeat:repeat;height:100%;}.
Si la ha guardado con la extensión jpg, debe poner esa extensión, si la ha guardado con la extensión png, debe poner esa extensión.
Espero que esto le aclare un poco mas
Si sigue con dudas puede ir acá y revisar con calma todas las sugerencias que hay
http://www.comocreartuweb.com/phpBB2/ftopic11897-0-asc-30.html
Saludos

Para hacer una captura de pantalla ydespues poner la imagen en el foro, puse en esste post un pequeño tuto http://www.comocreartuweb.com/phpBB2/ftopic13521.html&highlight=
---.Saludos.---

Veo que es una consulta común, y he seguido los pasos dados por yaneth, pero sigo sin dar con la solución. He conseguido ponerle color (también siguiendo las recomendaciones de este foro) pero no consigo colocar la imagen de fondo. Perdonad mi torpeza

Dejo mi "shack" para que veáis el estado actual de mis "progresos"

http://img225.imageshack.us/my.php?image=creawebbi4.png

Gracias por todo

Hola veo que en tu hoja de estilos tienes algo asi

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

y deberia estar asi

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

como ves te faltò cerrar el parentesis que abriste

saludos

Muchas gracias compadre, me sirvio de mucho para corregir y enmendar mi erros, muxos saludos