Fondos en CSS

Estoy aprendiendo a crear mi pagina web, pero estoy trabada en la explicación de fondos css - Imagenes de fondo (de ahi para adelante no puedo) hago todos los pasos pero no se ven las imagenes. Por que, que hare mal?

Gracias
Rosi
Hola!! :wink:

Sería bueno que nos mostraras el codigo fuente de los estilos, y la index, para ver cual es el problema :wink:

Saludos!! :wink:
No me sirve el comando body {background-color: #E6E6FA} ni el de imagen y me baje el programa html-kit y no funca no el programa sino el comando me puede decir alguien como hacer??
gracias
hola mira a ver en esta direccion para ver si consigues solucion a tu problema de lo contrario tienes que darnos mas explicacion de tu problema por ejemplo mostrarnos tu index.html y tu hoja de estiols.css de lo contrario no podemos adivinar tu problema.saludos.

tp://www.comocreartuweb.com/phpBB2/ftopic13404.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

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



Bienvenidos a mi pagina web. Pronto estara lista</p>


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




esto es de la pagina index

body (background-color: #E6E6FA)

y eso de la pagina stilos
aqui tienes un pequeño error en la relacion de la hojas de estilo ejemplo tu tienes esto que esta aqui
<link rel=stylesheet" href="estilos.css" type="text/css"media="all">
tienes que poner de esta forma.

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
fijate en las comillas tienes que mirar muy bien los pequeños detalles ok saludos
Sos un capo ahora si me puse a ver y fueron unas comillas muchisimas gracias sigo con el curso
body {background-color: #EE00EE} ; background-image: url(objetos/fondo.png) }



esta es a linea de comando que puse para poder insertar una imagen pero no se ve la imagen me podrias explicar ahora como hacerlo por favor
hola con las imagenes tambien hay que tener cuidado. algunas imagenes tienen la extencion png, jpg y gif. en el curso te dice objetos/imagen.png. pero si tu imagen es por ejemplo imagen.gif tienes que cambiar donde pone png por gif siempre tienes que ver cual es la extencion de tu imagen y poner esa extencion. acostumbra siempre mirar en el foro donde dice curso paso a paso con html-kit casi siempre hay repuestas para nuestros problemas que ya han sido resueltos. saludos
Realizando todos los pasos a mí me pasaba, tras comprobar que todo estaba correctamente hecho solo lo guarde y me fuí a comer. Al volver a abrir el HTML-Kit ya se veían las fotos tanto la de fondo como la insertada.

Espero les suceda igual :wink: .
Vontox ; Alcoy (Alicante)
A mi me pasa algo parecido... logro introducir el color, sin embargo la imagen no sale. He probado de todo, he puesto .gif, que es el caso de la imagen que quiero introducir. tambien he probado con una imagen jpeg, y nada, sigue sin salir la imagen... he revisado los pequeños detalles, pero dudo que sea algo de eso ya que copio y pego del manual paso a paso para evitar confundirme. Tambien he comprobado que la imagen está debidamente en la carpeta objetos. no se me ocurre ya que puede ser... A que puede deberse si el color si sale pero la imagen no? :cry:
xar escribió:A mi me pasa algo parecido... logro introducir el color, sin embargo la imagen no sale. He probado de todo, he puesto .gif, que es el caso de la imagen que quiero introducir. tambien he probado con una imagen jpeg, y nada, sigue sin salir la imagen... he revisado los pequeños detalles, pero dudo que sea algo de eso ya que copio y pego del manual paso a paso para evitar confundirme. Tambien he comprobado que la imagen está debidamente en la carpeta objetos. no se me ocurre ya que puede ser... A que puede deberse si el color si sale pero la imagen no? :cry:

Hola:

Debe saber que el color de fondo de una página, no tiene nada que ver con la imagen de fondo que se le puede poner a una página.

Los colores para poner colores de fondo están ya prefijados en los ordenadores y en los navegadores.

Pero las imagenes como son cosas externas que se le van a poner a la página entonces ya hay que tratarlas de otra manera.

Normalmente cuando una imagen de fondo que uno inserta en una página por medio de la hoja de estilo, puede suceder que la imagen no tenga la extensión correcta

No es llegar y cambiarle la extensión a una imagen solo con escribir por ejemplo
fondo.png

Para cambiar la extensión de una imagen es necesario abrirla con un editor de imagenes (llámese Paint o Photoshop o el que sea)

Despues que se abra esa imagen se va arriba a "Archivo" y se elige "guardar como"
cuando se abre la ventana del Guardar como se va a la casilla "nombre"
se borra todo
y se escribe el nombre que se le quiere poner a la imagen,, (solo el nombre nada más) por ejemplo --- fondo --.

Luego se va a la casilla "Tipo"
Y allí con la flecha de la derecha se busca el tipo de formato o extensión de como se quiere guardar la imagen
si usted pulsa or ejemplo en jpg y luego guarda
Entonces la imagen se guardará con el nombre fondo

Y tendrá la extensión .jpg
por tanto habrá que escribir en la hoja de estilo allí donde se pone objetos/fondo.jpg

distinto es cuando se le quiere cambiar solo el nombre a una imagen
Para hacerlo se va a la imagen se pone el cursor sobre ella, se hace click derecho, se elige "Cambiar nombre"
y cuando en la casilla de abajo se ponga todo en azul

Solo se borra el nombre nada más, no se borra la extensión que pueda aparecer allí
en este caso por ejemplo tenemos esa imagen que se llama fondo (la de la explicación que le estoy dando)
esta dirá debajo por ejemplo fondo.jpg
Pues al hacer click derecho sobre la imagen y haber elegido cambiar nombre
solo debe borrarse lo que dice fondo (no borrar donde dice .jpg)
y poner en su lugar por ejemplo micasa
entonces ahora la imagen se llama micasa pero mantiene el formato o extensión como jpg que es el que tiene
Por tanto ahora la imagen se llama micasa.jpg

Le sugiero que revise un poco más los foros como le dijeron antes para que vea las sugerencias de como funcionan las imagenes
Recuerde también que si la carpeta donde tiene la imagen se llama objetos (todo con minúsculas) así también debe escribirla en su hoja de estilo (con minúsculas)

Luego que haga cambios en su página. con el HTML-KIT , no solo debe "Salvar" también es conveniente cerrar el HTML-KIT y volver a abrirlo.

También ir a la página que está en su carpeta del escritorio abrirla (click derecho"--"Abrir con" --Internet Explorer o Firefox--
y después que esté abierta ir al icono de arriba y "Actualizar"

Son pequeños detalles que hay que tener en cuenta

Saludos
Agradecido de los que aprenden enseñando
Ya he probado a volver a cambiar el formato mediante el paint, aunque el formato que estaba escribiendo era el mismo de la imagen, gif. ahora he probado a ponerle en formato png, y aun así sigue sin salir. también he probado a salvar y cerrar el programa, pero sigue sin salir cuando lo abro. no entiendo a que se refiere cuando me dice "También ir a la página que está en su carpeta del escritorio abrirla (click derecho"--"Abrir con" --Internet Explorer o Firefox-- y después que esté abierta ir al icono de arriba y "Actualizar"". Quizá ese sea el problema. gracias!
ni con mayuscula ni con minuscula ni con extension ni nada funka ya puse jpg, png lo hice con el acdsee para cambiar formato y nada el comando esta bien? pregunto porque no se algo mas aparte de las extensiones debe estar mal gracias y mil disculpas por mi ignorancia
He descubierto algo nuevo. Ya entiendo a que se refiere con abrir la página y darle a actualizar. Lo que me pasa es lo siguiente. Cuando abro con mozilla la página me sale lo que llevo hecho con imagen, sin embargo, cuando abro el programa o cuando abro la página sin el programa con internet explorer no me sale la imagen. A qué se puede deber?? :?:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) )

esta es mi linea de comando hay algun error????
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) )

esta es mi linea de comando esta bien hay algun error???
:D Ya he encontrado una solución que quizás te sea útil a ti también.

El único formato que el programa me acepta el png. Si introduzco una imagen gif. no se ve ni en el programa ni en internet explorer, pero sí en mozilla. Si introduzco una imagen jpeg. no se ve en ningun sitio. Sin embargo, al introducir una imagen png. he logrado que se vea en los 3 sitios. No se si es normal que esto suceda, ya que según me ha explicado no importa el formato, pero a mi me dan problema el gif. y jpeg. asi que convertiré mediante el paint todas las imágenes que quiera subir a png. Gracias!!
juanpolux escribió:body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) )

esta es mi linea de comando esta bien hay algun error???

Hola:

El código está bien puesto.
como le decía las posibilidades serían que la carpeta objetos de alguna manera la tenga mal escrita como por ejemplo que se llame Objetos con la O mayuscula y que usted en la hoja de estilo la ponga toda con minúsculas, (o cualquier detalle de esos), lo otro es la extensión de la imagen.

Para saber como realmente se llama una imagen es bueno ir a este enlace
http://www.comocreartuweb.com/phpBB2/ftopic15940.html
Hacer lo que dice allí y después ver que es lo que aparece cuando uno va a la imagen que está en la carpeta objetos.
Ya que muchas veces se guarda una imagen de forma errónea, y no basta con ir a Propiedades.

Pruebe poniéndo cualquier otra imagen que tenga en su ordenador a ver si esa le aparece, lógicamente poniéndo después el nombre correcto de la imagen allí en la hoja de estilo.

En todo caso como dato, (aunque me imagino que ya lo sabrá,) cuando una imagen es jpeg, la extensión real es jpg y eso es lo que se pone en la hoja de estilo.

Saludos