Entrar

no veo la imagen de fondo

sampler82 · · Solicitar retirada
Hola, he seguido uno a uno todos los pasos que indica el curso, pero no consigo ver la imagen de fondo, he vuelto a repasar los pasos y sigo sin saber donde está el fallo.
Esto es lo que tengo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Página principal de Samper</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>



Bienvenidos a la web de Samper.</p>


pagina creada gracias a CCTW</p>

</body>
</html>
y en estilos:
body {background-color: #4F4F4F ; background-image: url(objetos/fondo.png} ; background position: center center ; background-repeat: no-repeat ; height:100%; }
Hasta el momento todo había funcionado correctamente, pero con la imagen de fondo no puedo, el fondo es archivo png y el problema no creo que sea ese, porque poniendo solo color de fondo tampoco podía verlo.
Necesito ayuda, gracias.
Novato · · Solicitar retirada
hola, tu tienes esto:

body {background-color: #4F4F4F ; background-image: url(objetos/fondo.png} ; background position: center center ; background-repeat: no-repeat ; height:100%; }

en rojo te marco lo que está mal, en lo primero no es un corchete ( } ) ha de ser un parentesis ) y lo otro te sobra, es decir sería así:

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

Compruebalo y dinos. Un saludo
Raulyure · · Solicitar retirada
sampler82 escribió:Hola, he seguido uno a uno todos los pasos que indica el curso, pero no consigo ver la imagen de fondo, he vuelto a repasar los pasos y sigo sin saber donde está el fallo.
Esto es lo que tengo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Página principal de Samper</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>



Bienvenidos a la web de Samper.</p>


pagina creada gracias a CCTW</p>

</body>
</html>
y en estilos:
body {background-color: #4F4F4F ; background-image: url(objetos/fondo.png} ; background position: center center ; background-repeat: no-repeat ; height:100%; }
Hasta el momento todo había funcionado correctamente, pero con la imagen de fondo no puedo, el fondo es archivo png y el problema no creo que sea ese, porque poniendo solo color de fondo tampoco podía verlo.
Necesito ayuda, gracias.
Hola:
Me imagino que has revisado que la carpeta objetos se llame así, y que no le hayas puesto en la ruta con mayúsculas, pero según dices has ido revisando las cosas, en todo caso si la hoja de estilos la tienes exactamente como la has puesto acá, te diré que te faltó cerrar el paréntesis de donde pones =url(objetos/fondo.png), ya que la has cerrado
con la llave derecha o como le llaman acá, el corchete. Después de fondo.png tienes que cerrar con el paréntesis, no con ese corchete.
Saludos
Si eso solo ha sido un error al escribirlo acá y realmente le tienes puesto en la hoja de estilo ese paréntesis, tendrías que revisar la extención, ya que muchas veces cuando guardamos una imagen que tiene extención por ejemplo png y en guardar como escribimos el nombre de la imagen y escribimos png , lo que estaríamos haciendo es duplicar la extención, y se nos convierte en objetos/fondo.png.png. tu revisa eso ya que window no suele mostrar las exteciones de los archivos (por defecto) y para que te las muestre tencrías que abrir cualquier carpeta que haya en tu escritorio y pulsar en propiedades y buscar la casilla de las extenciones que debieras de tenerla sin marcar para que te muestre las extenciones cuando abras una imagen.
Saludos otra vez
Agradecido de los que aprenden enseñando
Raulyure · · Solicitar retirada
Novato escribió:hola, tu tienes esto:

body {background-color: #4F4F4F ; background-image: url(objetos/fondo.png} ; background position: center center ; background-repeat: no-repeat ; height:100%; }

en rojo te marco lo que está mal, en lo primero no es un corchete ( } ) ha de ser un parentesis ) y lo otro te sobra, es decir sería así:

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

Compruebalo y dinos. Un saludo
Hola novato:
veo que mientras yo contestaba ya lo estabas haciendo tu también, así que por lo que se ve, solemos estar atentos para con los que están comenzando
Saludos.
Agradecido de los que aprenden enseñando
Novato · · Solicitar retirada
Hola raulyure, cuatro ojos ven mejor que dos, y ademas sino es lo que yo digo será lo que dices tú, un saludo.
Zip777 · · Solicitar retirada
tengo el mismo problema en la carpeta estilos.css :

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

puedo cambiar el color de fondo pero no puedo ingresar imagenes .png

solo se puede ingresar imagenes de .png????
Eduardo Zuñiga
:wink: :wink:
RogexdarK · · Solicitar retirada
SE puede poner varios tipos de imagenes incluido el png .. debe salir el fondo sin ningun problema..
MIKE_83 · · Solicitar retirada
Hola a todos empezado hoy a crear la web de ejemplo y tengo el mismo problema de la imagen de fondo, no se lo que ocurre pero hay varias personas con el mismo problema, yo en la pagina de estilos tengo esto:

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

puedo ver el color de fondo pero no la imagen.
Aver si conseguimos algo entre todos.
Saludos a todos y gracias
RogexdarK · · Solicitar retirada
Pues te debe quedar asi para que se cumpla

[contenido no disponible]


Dentro de la carpeta objetos debe estar la imagen de fondo .. saludos
MIKE_83 · · Solicitar retirada
RogexdarK escribió:Pues te debe quedar asi para que se cumpla

[contenido no disponible]


Dentro de la carpeta objetos debe estar la imagen de fondo .. saludos

La tengo dentro de la carpeta, cuando le doy a guardar la hoja de estilos y le doy a previsualizar me sale un bloc de notas y a veces me sale el explorer diciendome accion cancelada pagina no encontrada.
RogexdarK · · Solicitar retirada
Eso es porque solo has guardado el estilo .. asi .. estilos.txt... .. buen abra un block de notas aparte y pegas toda la hoja de estilos y la guardas asi .. estilos.css


Luego vas a index.html y lo enlaza solo asi " src="estilos.css"...
MIKE_83 · · Solicitar retirada
RogexdarK escribió:Eso es porque solo has guardado el estilo .. asi .. estilos.txt... .. buen abra un block de notas aparte y pegas toda la hoja de estilos y la guardas asi .. estilos.css


Luego vas a index.html y lo enlaza solo asi " src="estilos.css"...

La hoja se llama estilos.css y en la hoja de index yo tengo esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Página principal</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>

eso que tu me dices scr= "estilos.css" no se lo que es!
Muchas gracias ante todo.
RogexdarK · · Solicitar retirada
ejeje me confundi .. xD esta bien href.. aver si no te carga el estilo .. aver pon aki lo q as escrito en tu hoja de estilos..
MIKE_83 · · Solicitar retirada
RogexdarK escribió:ejeje me confundi .. xD esta bien href.. aver si no te carga el estilo .. aver pon aki lo q as escrito en tu hoja de estilos..

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

Como se hace para subir una image hay que escribir la ruta manualmente queria enseñarte la impresion de pantalla
MIKE_83 · · Solicitar retirada
RogexdarK escribió:Mira mejor te doy una web que eh hecho sobre fondos

http://www.sendspace.com/file/zzgh97

los descomprimes .. saludos

Ya soluciones me problema, fue al pasar una imagen que era jpg al pasarla a png manualmente no veia, la pase con el photoshop y se soluciono!
Muchas gracias!

No es necesario que la imagen sea png, puede ser tambien jpg creo!!
RogexdarK · · Solicitar retirada
Claro pues puede ser jpg , png , gif , png24 (creo) xD ... hay varios pero esos son lo mas usados . para web la recomendacion seria usar la .jpg .. pork son menos pasadas q los demas formatos.. saludos
nachoenfile · · Solicitar retirada
Yo tengo un problema similar, en el paso a paso de como poner fondos solo logro pornerle color al mismo. A la hora de poner una imagen en el tutorial, me dice que seleccione una imagen y que lacopie un mi carpeta de objetos, la cuestion es que esta imagen que yo escojo es "jpeg" y en el tutorial me aparece "png", perdon por mi ignorancia, pero como debo copiar este comando en estilos?

body {background-color: #E6E6FA ; background-image: url(objetos/fondo017[1].jpeg) } ¿asi?

gracias
RogexdarK · · Solicitar retirada
Hola pues si tu imagen es de extension jpeg.. puees debes ponerla asi .. tuimagen.jpeg .. en vez de tuimagen.png .. saludos
MIKE_83 · · Solicitar retirada
nachoenfile escribió:Yo tengo un problema similar, en el paso a paso de como poner fondos solo logro pornerle color al mismo. A la hora de poner una imagen en el tutorial, me dice que seleccione una imagen y que lacopie un mi carpeta de objetos, la cuestion es que esta imagen que yo escojo es "jpeg" y en el tutorial me aparece "png", perdon por mi ignorancia, pero como debo copiar este comando en estilos?

body {background-color: #E6E6FA ; background-image: url(objetos/fondo017[1].jpeg) } ¿asi?

gracias

tienes que poner el mismo nombre de la foto que te pone en el wokspace si le has cambiado la extension directamente con la opcion del boton derecho cambiar nombre no se te vera es lo que me pasaba a mi.

Mi imagen era jpg y la cambiaba manualmente a png y no se me veia y la cambien con el photoshop a png y si que se me ve!!