lecusair escribió:Hola.
Escribo porque recién empiezo con esto de crear una página web y siguiendo el tutorial, al momento de ir a la vista previa del html kit, luego de escribir en estilos:
body {background-color: #CD0000 ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
siempre siguiendo el tutorial, me queda sólo el color de fondo y no aparece la imagen...
Desde ya, muchas gracias.-
Hola:
Si el color de fondo (background-color) se ve es que está bien relacionada su página con la hoja de estilo, eso significa que la página puede recibir ordenes desde la hoja de estilo, sin embargo si es la imagen la que no se ve, pueden ser varias cosas. Una de ellas es que su carpeta donde tiene la imagen se llame objetos ( con o minúscula) y usted en la hoja de estilo la llame Objetos (con O mayúsculas), otra razón puede ser que cuando usted le puso nombre a su imagen, le haya puesto como nombre (fondo.png). Cuando uno se baja una imagen de internet o crea una imagen propia en su ordenador, uno suele ir a "Archivo" y elegir "guardar como", entonces abajo de la ventana hay dos casillas una que dice "nombre" y la otra dice "tipo", en la que dice "nombre" uno debe poner solo el nombre que quiere que tenga esa imagen (nada mas que el nombre, por ejemplo fondo), ahora para elegir la extensión de como quiere uno guardar esa imagen, pues abajo en la casilla "tipo" a la derecha hay una flecha que hay que pulsar para que se abra un desplegable con una variedad de tipos de extensiones, uno, de ese desplegable elige cual extensión quiere para esa imagen y la marca (solo la marca (o hace click en ella), luego arriba (en la parte superior de esa ventana) busca la carpeta en la que quiere guardar esa imagen a la que ya le ha elegido también la extensión, después de elegir en que carpeta guardará esa imagen , uno debe ir a la parte inferior de esa ventana y pulsar en "guardar".
Lo importante cuando uno baja una imagen y le quiere poner nombre , en la casilla donde dice "nombre" solo debe poner el nombre, y en la casilla "tipo", allí es donde uno elige con que extensión quiere guardar esa imagen, lo mismo vale con una imagen que haya sido creada por uno.
Así que le sugiero que saque su imagen fondo.png de su carpeta objetos (la que tiene en el escritorio) y ponga esa imagen en el escritorio
y ábrala haciéndo click derecho en ella y en "archivo" elija "abrir con" y ábrala con el Paint o Photoshop si tiene, luego de tenerla abierta vaya otra vez a "archivo" y elija "guardar como" y en la ventana que se abre, allí donde dice "nombre" escriba fondo1 (solo escriba fondo1) y mas abajo donde dice "tipo" púlse la flecha de la derecha para elegir la extensión que quiere que tenga, puede elegir png, o jpg, luego de hacer eso asegúrese que se guarde en su escritorio y luego abajo pulse en "guardar" y cierre todo.
Ahora tendrá dos imagenes en su escritorio, la primera que se llama fondo.png, y la segunda que se llama fondo1.png o jpg , (puede guardarla coo png o como jpg) coja la que dice fondo3.jpg o png, y pongala en su carpeta objetos.
Luego vaya a su hoja de estilo y donde tiene las directivas para el body escriba: (borre todo primero)
body{background-color:#FFFF00;background-image:url(objetos/fondo1.jpg);background-position:center center;background-repeat:repeat;height:100%;}.
Si la ha guardado con la extensión jpg, debe poner esa extensión, si la ha guardado con la extensión png, debe poner esa extensión.
También a veces suele resultar, añadiendo en la hoja de estilo donde está su imagen, la extensión que falta, por ejemplo si su imagen usted la bajó poniendo fondo.png, es que su imagen se llama fondo.png, por tanto faltaría poner la extensión y habría que añadirle .png y quedaría así en su hoja de estilo
background-image:url(objetos/fondo.png.png);
Saludos
