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

**Yaneth** · 23/09/2008, 17:54

Hola chicos

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

Uploaded with ImageShack.us

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

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[/img]

**Raulyure** · 23/09/2008, 20:40

Iniciado por Yaneth

Hola chicos

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

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...-0-asc-30.html
Para que hagas, si lo deseas, una explicación acerca de ello, En realidad solo si lo crees conveniente
Saludos

**Yaneth** · 23/09/2008, 21:14

si, tienes razon

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

saludos

**Vuely** · 04/10/2008, 20:56

Hola!

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

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-k...l-ejemplo.html

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??

**tordeks** · 05/10/2008, 19:39

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

**Yaneth** · 06/10/2008, 14:39

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

**Martin Van Helsing** · 14/10/2008, 07:20

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.

**Yaneth** · 14/10/2008, 14:52

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

**mmexico70** · 15/10/2008, 00:34

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

**linkgl** · 15/10/2008, 01:48

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

**Amanda** · 17/10/2008, 02:16

Hola!!!

Tengo problemas con la imagen!!

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

Gracias!

Gracias! Saludos

**linkgl** · 17/10/2008, 03:08

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

**Amanda** · 17/10/2008, 14:34

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

Gracias por su ayuda!!!

Besos

**linkgl** · 17/10/2008, 18:49

De nada xD no hay problema sigue asi suerte

**Vuely** · 18/10/2008, 15:45

Iniciado por Yaneth

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.