Entrar

no sale imagen de fondo .png

desmondo · · Solicitar retirada
Hola, la imagen de fondo con el nombre fondo.png no me aparece, pero si la cambio a fondo.jpg, y en la hoja de estilos pongo esto (cambiando objetos/fondo.png por objetos/fondo.jpg) si que aparece:

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

He hecho la prueba cambiando de nuevo el nombre de la imagen y el de la hoja de estilos a png y no sale la imagen. ¿Hay algún inconveniente en utilizar la extensión .jpg en lugar de .png?
josesd · · Solicitar retirada
no hay ningun problema de usar las diferentes extensiones, pero unas tienen ventajas que otras no tienen, por ejemplo las imagenes jpg son muy pesadas pero tienen una alta resolucion, en comparacion las png pesan menos y te permiten transparencias, y las gifs tienen menor resolucion y por eso son mucho menos pesadas y te permiten trasparencias, pero siempre debes utilizar la extension original, sino no veras tu imagen.
desmondo · · Solicitar retirada
Ok, gracias por aclararlo, no sabía que debía utilizar la extensión original de la imagen.
josesd · · Solicitar retirada
Rocííooo escribió:Pues a mí también me psa que no se ve la imagen, ponga la extensión que ponga...

para ello deberias de abrir un nuevo tema.. para ayudarte mejor pasanos tus codigos html y css.
Rocííooo · · Solicitar retirada
¿A qué te refieres con un nuevo tema? ¿Y como te paso los códigos?

¿Te refieres a copiar y pegar en un mensaje lo que he puesto en las ventanas index.html y estilos.css para que lo veas?
josesd · · Solicitar retirada
si debes copiar y pegar lo que as puesto en index.html y estilos.css
Rocííooo · · Solicitar retirada
OK, Pues aquí lo tienes. En esta, la extensión de la imagen es png, pero también he probado a volver a copiar la imagen sin cambiar la extesión y poner la misma en la hoja de estilos.

INDEX

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

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

<p class="centrado">Bienvenidos a mi página web, muy pronto estará lista!!</p>
[contenido no disponible]</p>


página creada gracias a CCTW</p>


[correo eliminado]</p>
</body>
</html>


ESTILOS

body {background-color: #E6E6FA; background-image: url(objetos/fondo.png);background-repeat: no-repeat ; background-position: center center; height:100%;}
img {border-style: none}
.centrado {text-align:center}
Yaneth · · Solicitar retirada
muestranos una captura de pantalla con el workspace y la carpeta objetos abierta

saludos :wink:
Rocííooo · · Solicitar retirada
Perdona, esque no me acuerdo de cómo se hacía una captura...

perdón por la torpeza
Rocííooo · · Solicitar retirada
Hola siento haber tardado tanto en contestar. He querido retomar ahora la creación de una página web, siguiendo el curso. El problema que tenía era que no me aparecía la imagen de fondo y me dijiste que os enviara una captura para poder ver dónde está el fallo, pero resulta que no recuerdo cómo se hace una captura y tampoco veo en la página un índice de preguntas frecuentes.

Es que por más que miro , no encuentro "preguntas frecuentes" ni nada al respecto de cómo hacer una captura.

Un saludo
josesd · · Solicitar retirada
Rocííooo escribió:Hola siento haber tardado tanto en contestar. He querido retomar ahora la creación de una página web, siguiendo el curso. El problema que tenía era que no me aparecía la imagen de fondo y me dijiste que os enviara una captura para poder ver dónde está el fallo, pero resulta que no recuerdo cómo se hace una captura y tampoco veo en la página un índice de preguntas frecuentes.

Es que por más que miro , no encuentro "preguntas frecuentes" ni nada al respecto de cómo hacer una captura.

Un saludo

para hacer una captura debes de pulsar Imp ant Pet Sis (la tecla que esta al lado del F12 a la derecha) y luego en el paint por ejemplo pulsar Ctrl+V para pegar

la guardas y la subes a un servidor de imagenes como imageshack.us y nos la muestras
saludos
Rocííooo · · Solicitar retirada
Oye, aunque no te molestes si no quieres porque la verdad que voy por la segunda parte del curso y el resultado me va saliendo como el del ejemplo.

Lo de que no me aparecía la imagen era al principio del todo, pero tampoco me importa mucho. Gracias de todos modos por la ayuda.

Saludos, Rocío