No consigo que salga la imagen de fondo

Hola a todos@s!

Ayer comence a crear la pagina, paso a paso con vuestra ayuda y me he quedado atsacada aqui. No hay manera de que salga el fondo.

Esto es lo que tengo puesto:

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

Si alguien me puede ayudar, le estaria muy agradecida...

Muchas gracias de antemano.
Relacionaste la hoja de estilos con la plantilla que estas creando?

Por que al menos yo no vi error en el codigo. Asi que puede ser que este faltando Relacionar Hoja de Estilos o guardaste mal la imagen
Voy a mirar a ver y te cuento.

Gracias por contestar tan rapido.
Supongo que si esta bien relacionada, porque si que puedo ponerle color.
Puede ser entonces que no lo haya guardado bien en la carpeta de objetos???
Aja.

Fijate que este en la carpeta objetos. Y que la carpeta objetos no tenga mayusculas. Y los archivos que guardaste dentro tampoco tengan mayusculas ni acentos ni espacios

Eso es lo que muchas veces nos jode sin que nos demos cuenta

Cualquier cosa deja aca pegado todo el codigo que tenes hasta ahora en la hoja de estilos y en el html y veo cuando llegue al trabajo

:lol:

Hasta entonces
Mira, esto es lo que tengo puesto en la pagina index:
<!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>




Bienvenidos a mi pagina web. Muy pronto estará lista!</p>


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

Perdona mi ignorancia, pero es la primera vez que hago esto...haber si lo consigo....

Gracias otra vez.
Ahi esta todo bien. Ademas dijiste que el color de fondo sale, la imagen no

Asi que el problema es la imagen. Revisa que los nombres esten bien, como asi la extension del archivo (gif, png, jpg, etc) , que no haya mayusculas en ningun lado y sin espacios
Hola.

Ya esta, ya lo he conseguido....lo que hace el no saber por dios....

He tenido que poner esto:

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

Lo de fondo.png.jpg, hace falta que siempre lo ponga asi, o si directamente lo guardo como png solo tengo que poner png?

Que follón...

Muchas gracias.
el fondo es png. Esa extension que sobra eliminala

Tiene que quedar solamente fondo.png , o fondo.jpg

nunca tienen que haber dos extensiones

Eso es por que la guardaste mal

Si no podes cambiar la extension borra esa y volve a bajar el fondo
Vale, ya esta! Muchas gracias!!

Creo que volvere por aqui a preguntar seguramente....

Saludos y de nuevo gracias.
Hola e leído lo puesto anterior mente y estoy en la misma citación que la chica , intente de mil maneras , tengo todo '' correcto'' me sale el color elegido , baje la imagen desde esta web y no puedo hacer que me aparezca.no se que pasa.
mira esta es la pagina web :
<!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>



Bienvenido a mi página web.Muy pronto estara lista</p>


Página creada gracias a cctw</p>


</body>
</html>
---------------------------
y esta es la pagina de estilo :
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
la puse asi porque es como le resulto a la chica , además le quite la extensión de png.jpg , como le esplicastes a ella.
también lo intente de esta otra manera:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
pero tampoco , me da mucha rabia porque hasta ahora me estaba saliendo bien y me estanque aca , por favor cuando puedas ayudarme
gracias
maira-adon escribió:Hola e leído lo puesto anterior mente y estoy en la misma citación que la chica , intente de mil maneras , tengo todo '' correcto'' me sale el color elegido , baje la imagen desde esta web y no puedo hacer que me aparezca.no se que pasa.
mira esta es la pagina web :
<!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>



Bienvenido a mi página web.Muy pronto estara lista</p>


Página creada gracias a cctw</p>


</body>
</html>
---------------------------
y esta es la pagina de estilo :
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
la puse asi porque es como le resulto a la chica , además le quite la extensión de png.jpg , como le esplicastes a ella.
también lo intente de esta otra manera:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
pero tampoco , me da mucha rabia porque hasta ahora me estaba saliendo bien y me estanque aca , por favor cuando puedas ayudarme
gracias

Hola:
No sé si arregló el problema, (no he revisado otros spot), pero yo le recomendaría por ahora:
Abrir su navegador, y escribir en el cajetín de búsqueda- comocreartuweb
Se le abrirán las primeras diez páginas que tengan que ver el como hacer una web, así que pulsa en la primera que lógicamente será ésta
y se le abrirá ésta página.
entonces pulsa en el enlace que le muestro marcado en rojo.
.
.

[contenido no disponible]
.
.

Se le abrirá una página en que debe pulsar en Herramientas Útiles, que le muestro marcado en rojo
.
.

[contenido no disponible]
.
.

Después de ello, le mostrará una página en que debe pulsar en ese enlace que se llama Imágenes.
.
.
[contenido no disponible]
.
.
Para luego pulsar en el menú de la izquierda donde dice Fondos de páginas.
.
.
[contenido no disponible]
.
.
Así se abrirá una ventana que contiene fondos de imagenes.
.
.
[contenido no disponible]
.
.
Allí puede elegir por ejemplo el que le he marcado con un círculo,
pone el cursor encima de la imagen y le hace click derecho para quwe se le abra un desplegable y elegir donde dice Guardar Imagen Como
Después que pulse allí, (click izquierdo)
.
.
[contenido no disponible]
.
.
Se abre entonces la ventana del Guardar Como, allí en la casilla que se llama NOMBRE, aparece el nombre de la imagen (fondo024) y aparece también el formato de la imágen o extensión (que es .jpg). O sea aparece fondo024.jpg
Y más abajo aparece la casilla TIPO mostrándo también la extensión de dicha imágen.

Note que en ese casillero que se llama Nombre, aparece el nombre de la imagen más su extensión (fondo024.jpg) (remarcada en azul).
.
.
ENTONCES ¿CÓMO GUARDAMOS LA IMAGEN?
.
.
Primer procedimiento:
Cuando pulsa en GUARDAR IMAGEN COMO, y se le abre dicha ventana, en esta aparece el nombre y la extensión que tiene originalemte la imágen, así que si Pulsa en GUARDAR, sin que usted modifique nada, la imágen se guardará con el nombre fondo024 y tendrá extensión .jpg.
Osea cuando vaya a esa imagen en su carpeta esta se llamará fondo024.jpg
.
.

Segundo procedimiento:

Si usted borra todo lo que aparece en la casilla NOMBRE y escribe fondo, y como en la casilla TIPO está la extensión indicándo que es .jpg, pues cuando la guarde en su carpeta y la vuelva a abrir, la imagen se llamará fondo y tendrá la extensión .jpg, ya que si se da cuenta en la casilla de más abajo la que se llama TIPO, allí aparece la extensión de esa imagen.

Resumiendo, con ese procedimiento la imagen se llamara fondo con extensión .jpg o sea fondo.jpg.
.
.


Tercer procedimiento:
Ahora si usted en la casilla donde dice NOMBRE, en el que aparece el nombre de esta imagen, borra solo y solo lo que dice fondo024, sin tocar lo que dice .jpg, y luego de haber borrado el nombre fondo024 escribe en su lugar - fondo - , (siempre antes del .jpg) y la guarda, pues la imagen cuando la abra allí en su carpeta se llamará fondo con extensión .jpg, o sea fondo.jpg.
.
.
Cuarto procedimiento:
Ahora si en la casilla NOMBRE usted borra todo, y escribe fondo.png
Significa que usted está tratándo de guardar la imagen que originalmente tiene extensión .jpg como png, (recuerde que en la casilla de abajo, la que se llama TIPO, aparece aún que la imagen tiene extensión jpg).

Con ese procedimiento, en la mayoría de los casos la imágen se guarda como png, (es como cambiarle la extensión o formato a la imágen así al vuelo).
Como le digo, guardarla así no suele generar ningún problema,
y cuando abra la imagen que habrá guardado en su carpeta bajo este procedimiento, ésta se llamará fondo.png
.
.
.
Pero (y acá aparece el pero), algunas veces ese procedimiento no resulta (por ahora no me pregunte el porqué) y se crea un conflicto.

¿Cuál conflicto?
Pues que yo pulso en Guardar Imagen Como, borro todo lo que aparece en la casilla NOMBRE y le pongo allí fondo.png, (recordemos que la imagen originalmente tiene extensión .jpg), bueno, la guardo en mi carpeta, la pongo (por decirlo así) en mi hoja de estilo y en mi hoja de estilo escribo objetos/fondo.png
Y veo con sorpresa que mi imagen no responde.
¿Qué habrá pasado?.
Pues que no se sabe como, pero se creó un conflicto de extensiones, y mi ordenador no me reconoció el cambio de extensión cuando guardé la imagen en el Guardar Imagen Como, y la imagen siguió teniéndo la extensión .jpg, pero con el problema añadido de que el .png ha quedado incluído como parte del nombre de la imagen.

Por eso mi imagen ahora se llama fondo.png con extensión .jpg, o sea
fondo.png.jpg

después de toda esta perorata de explicaciones que ni yo me he entendido, recomiéndo o guardar la imagen tal como aparece en la ventana del Guardar Como.
O en su defecto guardarla borrándo solo de la casilla NOMBRE, el nombre, y escribiéndo la palabra fondo, dejándo puesta allí la extensión que tiene original.
.

[contenido no disponible]
.
.
Y así
.
[contenido no disponible]


Luego cuando la tenga guardada, sea en el formato que sea es mejor utilizar (para cambiar el formato) el Paint o el Photoshop
Espero que sirva
Agradecido de los que aprenden enseñando
auxilio a mi tampoco me sale la imagen de fondo, lo que entendi es que lo tengo que colocar en la hoja de estilos, cuando coloco en preview la hoja de estilo aparecela imagen mas cuando coloco en preview la hoja de index no aparece que es lo que sucede por favor
auxiliooooooooooooooooooo
yo estoy igual he seguido los pasos y tampoco sale nada. esto es lo que tengo hecho uso mozila firefox tienes alguna sugerencia?? gracias



<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" herf="estilo.css" type="text/css"
media="all">
</head>
<body>



Bienvenidos a mi pagina web. Muy pronto estara lista!</p>


Pagina creada gracias aCCTW</p>

</body>
</html>



body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png)}
no sale color de fondo y probe varios. el fondo es siempre blanco, y ademas al dar preview se abre ventana diciendo que se cancelo la nevegacion y cierra internet explorer, doy clic derecho sobre el color en estilos css y pongo abrir en navegador y abre en el mozila ( que esta como predeterminado) y ahi sale todo lo escrito en estilo css

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

pero todo en blanco y sin imagen de fondo, hoy nuevamente borre todo lo hecho hasta el momento y comence de cero y deje en estilos css
hasta tener la solucion no paso de aqui.
a mi si me sale el color de fondo solo que no me sale una imagen de fondo hasta lli me quede que puedo hacer
auxiliooooooooooooooooooo
alexuy38 escribió:no sale color de fondo y probe varios. el fondo es siempre blanco, y ademas al dar preview se abre ventana diciendo que se cancelo la nevegacion y cierra internet explorer, doy clic derecho sobre el color en estilos css y pongo abrir en navegador y abre en el mozila ( que esta como predeterminado) y ahi sale todo lo escrito en estilo css

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

pero todo en blanco y sin imagen de fondo, hoy nuevamente borre todo lo hecho hasta el momento y comence de cero y deje en estilos css
hasta tener la solucion no paso de aqui.

Hola.
Empecemos por el principio, (si es que podemos).

Usted tiene una carpeta en su escritorio que se llama mis-web

Dentro de esa carpeta tiene otra que se llama web-ejemplo-cctw

Ahora bien, dentro de esa carpeta (web-ejemplo-cctw) usted tiene una carpeta llamada objetos

y junto a la carpeta objetos, (siempre dentro de la carpeta web-ejemplo-cctw) tiene una pagina creada llamada index.html
y también tiene creada una hoja de estilo llamada estilo.css

Recomendación::: Todos los nombres de carpetas es recomendable escribirlas en miúsculas):::

Bien, supongamos que usted crea su página index.html y tiene en su página index.html estos códigos (que son los mínimos que tiene que tener una página web.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mi pagina</title>
</head>
<body>
</body>
</html>
Recuerde que es pagina se llama index.html

Ahora lo que quiero hacer es que esa pagina index.html tenga un color de fondo, (ya que el color de fondo que tiene por defecto es blanco y no me gusta), quisiera ponerle un color lavanda

Entonces para eso creo una hoja de estilo, para que desde esa hoja de estilo yo le de ordenes a esa pagina, como por ejemplo decirle el color de fondo que quiero que tenga el tamaño de las letras (fuentes) el ponerle una imagen de fondo , el color de las letras etc. etc. etc.


Por tanto creo una hoja de estilo a la que llamaré por nombre estilo.css

Debo saber que mi página (la parte visible de mi pagina index es lo que hay entre la etiqueta <body y la etiqueta </body>

Por tanto entonces voy a mi hoja de estilo y en la primera línea escribo body{background-color:#E6E6FA;}
Con eso le estoy dando la orden a mi pagina index de que el color de fondo que quiero que tenga es color lavanda

Claro, resulta que ahor avoy a mi pagina index, la abro y veo que sigue con el color por defecto (blanco)

Lo que pasa es que para que reciba las ordenes de la hoja de estilo , lo que tengo que hacer es relacionar la pagina index.html con la hoja de estilo que le dará las ordenes

Por tanto abro mi pagina index en modo codigos (para escribir los códigos)
y entre la etiqueta <head> y </head> escribo el siguiente código

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mi pagina</title>
<link rel="stylesheet"href="estilo.css"type="text/css"media="all">
</head>
<body>
</body>
</html>

Ahora si que cierro mi pagina index y cuando la abra en vista previa o normal veré que ya sale el fondo de color lavanda
En resumen

Hay que relacionar bien la hoja de estilo con la pagina (en este caso con la pagina index.html)

y escribir correctamente los nombres (no vaya a ser que la pagina de estilo se llame Estilo.css y usted le ponga en la relacion de la la pagina ( link rel etc... etc..) estilo.css

bueno después veremos lo de las imagenes.

Saludos
Agradecido de los que aprenden enseñando
bueno gracias estuve revisando con mas cuidado y encontre un error
( mio) escribi mal una palabra en html deberia ir ( herf="estilos etc etc
y yo escribi asi ( href ="estilos etc etc )

como ven es una detalle que al leerlo varias veces no lo note porque ponia mas atencion en la hoja de estilos y que la ruta estuviera bien " estilos .css etc etc, asi que gracias por la atencion.
ahora si tengo color y con las imagenes tuve que descargar de otra pagina algunas png porque las que proporcionan en el curso no las acepta, entonces baje unas cuantas y esas si las acepta sin problemas alguno es asi que ahora escribiendo bien (href) que habia escritomal, tengo fondo e imagen. otra vez gracias
Hasta q por fin pude ponerle la imagen de fondo.
muchas gracias por su ayuda me fue muy util.


:D :D
Hola!
Necesito ayuda respecto de la imagen de fondo, ya que se ve solo en el explorador Internet Explorer o en el Google Chrome, pero no se ve en Mozilla Firefox, no se ve ni el color de fondo ni ninguna imagen que coloque, ya sea de extensión gif o png o jpg
Cuando uno guarda una imagen y le quiere cambiar la extension, tiene que tener sin tildar una opcion de las carpetas. Abrir la carpeta "objetos", en el margen superior seleccionar "Herramientas" > Opciones de Carpeta. En la venta que se abre hay que seleccionar en el margen superior la opcion "ver", y alli destildar (sacar el tilde) a la opcion dentro de "Archivos y carpetas ocultos" que dice " Ocultar las extensiones de archivo para tipo de archivos conocidos".
De vuelta en la carpeta uno le puede cambiar la extension a la que quiera y le va a salir siempre un cartel de advertencia que sele esta por cambiar la extension al archivo. Si uno la quiere cambiar cambiar responde SI.
Espero que sirva, saludos
hola ya que estamos en confeciones ami tampoco me sale la imagen pero si el color que yo quira. bueno saludos. esto es lo que e puesto :roll: :


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

<html>
<head>
<title>pagina de prueba</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head>
<body>

</p>probando</p>


holaaa</p>CCTW

</body>
</html>
y esto en la hoja de estilo:

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