yossie escribió:Pues fíjense que escribí todos los códigos tal y como dice el curso y NADA, adjunto los mismos a ver si encuentran el problema, lo único que yo noté diferente es que en el curso ponen el nombre de la imagen de fondo y .png, eso es un formato de imagen o que?
Códigos en estilos.css:
body { background-color: #E6E6FA ;
background-image: url(objetos/fondo024.png) ;
background-repeat: no-repeat ;
background-position: center center }
img { border-style: none }
.centrado { text-align:center }
Hola:
Parece ser que la imagen que usted se bajó es la que tiene la extensión jpg
Las imagenes tienen diferentes formatos o extensiones
una imagen puede tener el formato
png
jpg
tiff
gif
Esos son los más comunes
Usted puede tener una imagen que tenga el mismo nombre, pero puede tenerla con varios formatos diferentes, ya que cada formato o extensión es adecuado para una cosa u otra
alejo1717 escribió:He ...pues yo me referia a la imagen de fondo no al color de fondo. y creeme , esta todo bien escrito y es mas , lo he vuelto hacer todo de nuevo y nada..
lo que si solucione , fue el color a la cabecera pink y el resto .
pero sigo sin solucionar la imagen de fondo....
haber si me ayudas....
compañero muchas gracias y un saludo
a ¡ una observacion en la leccion segunda , en la sesion Dar formato a Cero hay un error en este codigo text:align:left
los dos puntos despues de text ... bien escrito seria tex-align:left.
gracias ...
Hola:
Le indicaré una posible solución por ahora, hasta que comprenda como son las extensiones de las imagenes.
Revise bien que la carpeta objetos se llame exactamente igual que cuando la escribe en la hoja de estilo, si se llama objetos, (toda con minúsculas) así debe escribirlo también en la hoja de estilo.
Le sugiero que por ahora haga lo siguiente, cierre por ahora el programa HTML-KIT.
Ya que usted tiene en el escritorio la carpeta donde guarda su web así que vamos a hacerlo directamente allí.
Abra su navegador
Escriba la dirección de la pagina web
http://www.comocreartuweb.comSe le abrirá una ventana y por el centro mas o menos (en la parte donde se escribe texto) hay un enlace en azul que dice Curso Completo Paso a Paso.
Pulsa en ese enlace y se le abrirá una ventana con varias pestañas (por la parte de arriba).
Pulse en la que dice Herramientas Útiles.
y se le abrirá una ventana en que por el medio (allí donde se escribe texto) hay un enlace en azul que se llama "Imágenes".
Pulse en ese enlace y se le abrirá una ventana que tiene un menu a la izquierda.
En ese menu, pulse donde dice Fondos de Páginas.
Y se le abrirá una ventana con muchas imagenes (cuadrados).
Ahora en la fila 7 contando de arriba hacia abajo y en el lugar quinto, contando de izquierda a derecha, (si es que no ha cambiado) aparece una imagen de fondo igual a la del curso.
Ponga el cursor sobre ella y hagale click derecho, para que en el desplegable que se abra elija el "Guardar imagen Como".
Al pulsar en Guardar Imagen Como, se le abrirá una ventana que se llama Guardar Imagen, y seguramente, por defecto allí donde dice "Guardar en" aparecerá el nombre de la carpeta en que se guardará, que suele ser por defecto la carpeta Mis Imágenes.
Bueno, en esa ventana, hay una casilla abajo que se llama "Nombre", y allí aparece el nombre de esa imagen, creo que se llama fondo024
Y en la casilla de mas abajo aparece el tipo de imagen (o la extensión, que es lo mismo) y seguramente dirá jpg.
Usted deje todo tal como está y solo pulse en Guardar
Así se le guardará la imagen en la carpeta Mis Imágenes con el nombre fondo024 y con la extensión jpg.
Ahora cierre su navegador, vaya a la carpeta Mis Imagenes, y allí verá ese archivo.
, Ahora puede ver que se llama fondo024.jpg, o sea se llama fondo024 con la extensión jpg.
Coja esa imagen y pongala en su carpeta objetos, la carpeta que tiene en el escritorio donde tiene su web.
Ahora cierre las carpetas
Abra su programa HTML-KIT, abra su hoja de estilo y borre donde diga (objetos/fondo024.png), y ponga el nombre de esa nueva imagen, o sea (objetos/fondo024.jpg)
body{background-color:#E6E6FA;background-image:url(objetos/fondo024.jpg);background-position:center center;background-repeat:repeat;height:100%}
Así esa imagen le aparecerá en su página, y como le dijo center, aparecerá en el centro, claro puede que aparezca en el centro pero de la parte de arriba o de la parte de abajo, por eso se le pone otra vez center, para que aparezca en el centro de la pagina.
Y como le dijo repeat, o sea que se repitiera, pues se repetirá por todos lados y cubrirá toda la página.
Bueno, pues después de poner ese código en su hoja de estilo, Salve o Guarde (Archivo--Salvar) y cierre el programa HTML-KIT.
Ahora abra otra vez el programa HTML-KIT, y haga su vista previa de su pagina para ver si ya aparece la imagen.
Saludos
Recomendación, Es mejor bajar las imagenes con el nombre que tienen, después que ya estén en el ordenador de uno, ya se le cambiará el nombre.
Saludos
