Entrar

No se ve la imagen ¿que hago mal?

bene · · Solicitar retirada
<!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 pagina web. Muy pronto estara lista!</p>


Pagina creada gracias a CCTW</p>
</body>
</html>

body{background-color: #E6E6FA ; background-image: url(objetos/fondo.jpg) }
JorGens · · Solicitar retirada
Hola Bene.

Dicen que a buen entendedor pocas palabras bastan, pero un "hola" nunca está de más no? :wink: je je je.

Bueno.

Los codigos están correctamente, te falta verificar otra serie de cosas.

1.- Has creado la carpeta "objetos"?
2.- Seguro que se llama "objetos"? Si tiene alguna mayuscula no vale!
3.- Está el archivo de la imagen dentro de "objetos"?
4.- Se llama exactamente fondo.jpg? (todo en mayuscula de nuevo)
5.- Seguro que has subido el archivo fondo.jpg al servidor?
6.- Seguro que la has subido dentro de la carpeta "objetos"?
7.- Seguro que la hoja de estilos se llama exactamente estilos.css?
8.- Seguro que está en la misma carpeta que index.html?

Verifica todo eso y nos cuentas, oki? Pero dinos algo más, aunque sea un chiste, no solo de codigo vive el hombre!!!! je je :wink:
bene · · Solicitar retirada
Es la primera vez que escribo en un foro... Bueno, la segunda.
gracias Jorgens, por contestarme tan pronto, te esplico. En la carpeta objetos tengo "fondo.jpg" imagen 96X96 JPEG.
Lo de subirlo al servidor, esa parte me la he perdido lo siento, esplicamelo por favor.
Por lo demas que me indicas creo que es correcto, gracias.
Me tendreis que volver a perdonar, porque sigo sin saber si respondo bien, pero voluntad no me falta.
Foley · · Solicitar retirada
Subir archivos a un servidor es facil, aunque lo puedes ahcer de dos formas:

la forma mas facil es con el file manager o administrador de archivos que incluye los hostings. Te registras en uno si aun no lo has hecho ( por ejemplo yahoo geocities), luego cuando ya tengas el nombre de usuario y contraseña, te logueas y entras al panel de administracion donde debe haber un apartado llamado "file manager" o "administrador de archivos" que es done tienes que subir todas las carpetas, imagenes y paginas .html de tu web.

la otra manera, mas dificil al principio pero en realidad mas rapida y eficaz es con un programa ftp (por ejemplo "filezilla" que es gratuito) te lo descargas, lo abres y introduces la informacion de tu servidor. Luego vas agregando todas las carpetitas, imagenes y demas.

Espero que te sirva, para cualquier duda o cosa que no entiendas pregunta porque esto lo he escrito muy rapido :D

Saludos
Maria Luisa · · Solicitar retirada
BUENAS! .. quisiera que me ayudarán a poder ver la imagen de fondo, por favor!, he seguido paso a paso, pero no puedo solucionar este inconveniente.
Mis códigos son los siguientes:
index.html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>PAGINA PRINCIPAL DE CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">BiEnVeNiDoS a nUeSTrA PaGiNuLiS !!!</p>
<p class="centrado">[contenido no disponible]</p>


Pagina de La Mary, creada gracias a CCTW</p>
<p class="derecha">[correo eliminado]</p>
[contenido no disponible]
</body>
</html>

estilos.css
body { background-color: #E6E6FA ; background-position: center center }

Podrían corroborar si está correcto, Muchas Gracias.
Yaneth · · Solicitar retirada
Hola

Creo que te falta lo más importante

aqui:
body { background-color: #E6E6FA ; background-position: center center }

dices: el cuerpo de la página debe ser de este color: #E6E6FA y que ha de estar centrado

pero.... no le has puesto ninguna imagen¡¡¡

te falta esto: background-image: url(objetos/fondo.png)

si es que tu imagen de fondo esta dentro de la carpeta objetos y se llama fondo.png



saludos
Maria Luisa · · Solicitar retirada
He corregido el código, pero sigo poder visualizar la imagen. Mi codigo actual es el siguiente en el estilos.css es:
body { background-color: #E6E6FA ;background-position: center center ; background-image: url(objetos/fondo)}

Mi imagen en la carpeta objetos, se llama fondo, y es un archivo .png
Cómo podria solucionarlo?
Yaneth · · Solicitar retirada
esto has puesto en el index

[contenido no disponible]

como verás te falta ponerle objetos/

y queda asi:

objetos/fondo.png


y en la hoja de estilos no veo el cambio


ya subiste los cambios???????
confirma tambien que hayas subido la imagen de fondo


saludos
Maria Luisa · · Solicitar retirada
mmm.. creo que siguen mis errores, mira te muestro mis códigos, y me corriges si?, perdón por ser tan molesta jajaja

index.html

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

<html>
<head>
<title>PAGINA PRINCIPAL DE CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">BiEnVeNiDoS a nUeSTrA PaGiNuLiS !!!</p>
<p class="centrado">[contenido no disponible]</p>


Pagina de La Mary, creada gracias a CCTW</p>
<p class="derecha">[correo eliminado]</p>
[contenido no disponible]
</body>
</html>

estilos.css
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
Yaneth · · Solicitar retirada
en teoria no hay error en el fondo de la imagen

lo que has puesto en la hoja de estilos


pero veo que a parte has puesto esa misma imagen en el index

aqui

[contenido no disponible]

debería ser asi:

[contenido no disponible]

si arreglando esto no puedes ver la imagen en el index

checa bien como es que se llama,
porque suele pasar que se repite la extencion asi:

fondo.png.png


pero te repito checa bien como es que se llama la imagen de fondo


saludos
Maria Luisa · · Solicitar retirada
No puedo :(
mira me ha quedado así el codigo, despues de las correcciones realizadas:

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

<html>
<head>
<title>PAGINA PRINCIPAL DE CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">BiEnVeNiDoS a nUeSTrA PaGiNuLiS !!!</p>
<p class="centrado">[contenido no disponible]</p>


Pagina de La Mary, creada gracias a CCTW</p>
<p class="derecha">[correo eliminado]</p>
[contenido no disponible]
</body>
</html>

estilos.css
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
.centrado {text-align:center}
Yaneth · · Solicitar retirada
pues es cosa de la imagen, como te digo, un punto de mas o una letra hace la diferencia

en el html-kit abre el workspace, y abre tambien la carpeta de objetos
checa bien como se llama la imagen

casi te aseguro que el error está en el nombre


saludos
Maria Luisa · · Solicitar retirada
okis, ahora miro eso entonces, voy a detenerme en esto hasta que me salga jaja. Muchísimas Gracias por tu buena disposición, cualquier cosa sigo con las consultas.saludos
Maria Luisa · · Solicitar retirada
nuevamente el mismo tema :(
ahora voy a la vista PREVIEW y me aparece la imagen, pero no se la ve, aparece con un " x " cómo podría solucionar eso??
Jugoncan · · Solicitar retirada
A lo mejor el formato ese no se puede ver en la preview de tu ordenador, prueba a subirlo a la web y verlo ahi
Saludos, Juanma
Yaneth · · Solicitar retirada
ok, mira podemos hacer dos cosas

1-tomas una captura de pantalla, abres el html-kit, con el workspace abierto, tambien abres tu carpeta web- y la carpeta objetos (para ver como tienes las cosas)

y nos muestras la imagen

2- pasa este tema por alto y continua con las lecciones, verás como con más practica lo solucionas mejor


pd. la mayoria ha tenido este mismo problema, al parecer hay algun conflicto con la extención .png, intentalo tambien con otra imagen que sea jpg


saludos
Jugoncan · · Solicitar retirada
Normalmente ese problema se debe a que guardan una imagen de cctw como fondo.png, pero las imágenes de cctw son todas gif o jpg
Yaneth · · Solicitar retirada
Hola Jugoncan

si hay una imagen con .png

es la que jorgens da de ejemplo en el curso con html-kit

saludos
Maria Luisa · · Solicitar retirada
ok, seguire con el curso, para ver si pudo solucionar este inconveniente jajaja.. Muchas Gracias a todos.