imagen de fondo en mi web??????????????????????????

jimbo8710 · 7 May 2009, 07:43 · Solicitar retirada

abri un nuevo tema, por que con los anteriores no pude resolver mi problema,

hola, solo espero que alguien me pueda ayudar, ya que no puedo colocar la imagen de fonde en mi web y por mas que leo y corrijo errores no logro mi objetivo, aki les dejo los codigos de mi hoja de estilos y la index,
(el color me funciona bien)

Hoja de estilos
body {background-color: #FFD700 ;
background-image: url(objetos/fondo.jpg) ;
background-position: center center ;
background-repeat: no-repeat ; height:100% ; }

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 mi página web. Muy pronto estará lista!
[contenido no disponible]

Página creada gracias a CCTW CCTW 

[correo eliminado]

</html>

aki les dejo la captura de pantalla, en esta salen los objetos del workspace
y podran ver las imagenes, ya probe con jpg y png, y no me funciono con ninguno de los 2.
http://xs.to/xs.php?h=xs539&d=09180&f=captura_pagina2953.jpg

utilizo firefox.

fernando mendoza · 7 May 2009, 15:23 · Solicitar retirada

hola le hago una pregunta que imagen tiene usted en su carpeta objetos la del curso tiene extencion, (objetos/fondo.png) y usted tiene es (objetos/fondo.jpg) creo que es ahi donde esta el error verifique y nos dice.
saludos.

yeika · 7 May 2009, 17:17 · Solicitar retirada

AMI ME APSA LO MISMO, HE ESCRITO CORRECTAMENTE (O ESO ES LO QUE CREO) Y LA IMAGEN NO SE ME VE.

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

PODRIA SER POR EL FORMATO DE LA IMAGEN?

Yaneth · 7 May 2009, 17:55 · Solicitar retirada

olvidaste cerrar el body

saludos

jimbo8710 · 14 May 2009, 06:57 · Solicitar retirada

nada que me responden, necesito de su ayuda, quiero seguir avanzando, el la imagen la probe con las 2 extenciones(jpg,png)

Yaneth · 14 May 2009, 16:17 · Solicitar retirada

Jimbo

ya te respondi

olvidaste cerrar el body

saludos

jimbo8710 · 14 May 2009, 19:25 · Solicitar retirada

el body esta cerrado abajo, fijate bien. ¿o tambien tengo que cerrarlo arriba? saludos y gracias de antemano

Yaneth · 14 May 2009, 21:08 · Solicitar retirada

??????

el cierre
deberia estar antes del cierre de html

saludos

jimbo8710 · 16 May 2009, 07:04 · Solicitar retirada

Yaneth me podrias mostrar como queda el codigo porfavor, disculpa tanta molestia, gracias de antemano

Yaneth · 16 May 2009, 18:24 · Solicitar retirada

asi

<!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 mi página web. Muy pronto estará lista!
[contenido no disponible]

Página creada gracias a CCTW CCTW 

[correo eliminado]

</body>

</html>

saludos

jimbo8710 · 17 May 2009, 07:02 · Solicitar retirada

gracias Yanet, ya cerre el body, pero la imagen sigue sin aparecer, quizas puedas copiar los codigos y pegarlos en tu html-kit y talves puedas ver si a ti te sale la imagen porfavor, muchas pero muchas gracias.

ceo · 18 May 2009, 00:14 · Solicitar retirada

jimbo8710 escribió:gracias Yanet, ya cerre el body, pero la imagen sigue sin aparecer, quizas puedas copiar los codigos y pegarlos en tu html-kit y talves puedas ver si a ti te sale la imagen porfavor, muchas pero muchas gracias.

Buenas,
He pegado el código en mi html-kit y me ha salido sin problemas, aunque he tenido que cambiar un par de cosas:
1) ponerle a fondo la extensión .png, que es la que tiene cuando se descarga de la página, o sea, "fondo.png"

2)quitar esta parte en las demás rutas: web-ejemplo-cctw

quedando así: "objetos/sonrisa.gif",(por ejemplo)

no se si tendrá algo que ver, pero a mi me ha resultado.

Adirio · 18 May 2009, 16:12 · Solicitar retirada

igual es que has relaccionado mal la carpeta ejemploCCTW local
si la sonrisa si te aparece con esa extension delante prueba a ponerselo al fondo, si resulta es que relaccionaste la carpeta anterior a la que debias, si no me ahs entendido te dejo el codigo y si te funciona me avisas para que te de los pasos para que relaccionas bien la carpeta

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> 


[b]Bienvenidos a mi página web. Muy pronto estará lista![/b]</p> 
[img]web-ejemplo-cctw/objetos/sonrisa.gif[/img] 


Página creada gracias a [url="http://www.comocreartuweb.com"]CCTW[/url]</p> 


[email="[correo eliminado]"][img]web-ejemplo-cctw/objetos/buzon.gif[/img][/email]</p>
</body>

</html>

En este codigo te he hecho un par de cambios pero son simplemente para que quede mas ordenado, si quieres no los hagas.

estilos.css:

body {background-color: #FFD700 ; background-image: url(web-ejemplo-cctw/objetos/fondo.jpg) ; background-position: center center ; background-repeat: no-repeat ; height:100%}

Aqui solo te he puesto todo en una linea pues el solo lo deja en varias para sacarle las imagenes, en una ocupa ligeramente menos (espacio) y ademas esta mas ordenado; ademas te he cambiado la url del fondo, te repito si funciona dimelo para que te corrija la relaccion de la carpeta.

Ademas no te olvides de mirar si es .jpg o .png

Vete a la carpeta donde esta la foto-->Dale click derecho-->Click en propiedades-->Despues del nombre hay una opcion llamada "Tipo de archivo" donde se incluye, a veces entre parentesis .jpg o .png o la terminacion que sea

jimbo8710 · 19 May 2009, 07:23 · Solicitar retirada

gracias, gracias muchas gracias, la bendita imagen por fin aparecio, gracias, gracias +10, saludos