dalvarez0769 escribió:Gracias Raulyure... pero nada. Veo que en los tres archivos de la carpeta "objetos" aparecen las extensiones. Está todo en minúsculas, lo revisé en la hoja de estilos y está igual. Es más, me dolían los ojos de revisar y opté por hacer un copy de la instrucción desde la web de CCTW y la pegué en mi hoja de estilos... El resultado: igual.
Con respecto a los GIF's si me di cuenta del problema, eso ya está andando, pero no logro hacer que aparezca la imagen de fondo...
...........................................................................................
Dinamik_Man
La extension de mi imagen es .png, y su nombre es ''fondo''. La carpeta ''objetos'' esta escrita en minusculas tanto en la Hoja de estilos como en la carpeta en si.
El problema no se me ha solucionado Sad
P.D: Es posible que el problema resida en que la imagen sea demasiado grande?
.............................................................................................
Digamos que esta es una sugerencia general inclusive para vosotros Dinamik_Man y dalvarez
Primero, cuando se habla del tamaño, me imagino que está hablándo de la cantidad de píxeles de ancho y alto.
Una imagen que se use como fondo para el body, debiera (aunque no es una regla ni una imposición) de ser de mas o menos 150px por 150px, entonces uno en la hoja de estilo le da una posición y le dice que se repita o que no se repita, por ejemplo.
background-position:center center
Con el primer center le estamos diciéndo que quede en el centro de la página, pero puede ser en el centro entre izquierda y derecha o puede ser centro entre arriba y abajo, por eso ponemos el segundo center, así le estamos diciéndo a la imagen que se ponga en el centro de toda la pagina, tanto entre arriba y abajo, como entre derecha e izquierda.
cuando ponemos background-repeat:no-repeat
Le estamos diciéndo a la imagen que solo aparexca una vez en la pagina, o sea que no se repita como un mosaico, por eso esa imagen aparecería siempre en el centro de la página nada más.
Pero si ponemos background-repeat:repeat
Entonces le estamos diciéndo que esa imagen que hemos puesto al centro de la página se repita por toda la página, o sea como si estuviese pegada una al lado de otra, tanto para arriba como para abajo y hacia los lados.
También se puede poner una imagen que sea muy grande, como del tamaño de el body, o sea que mida unos 1000px de ancho, por unos 1200px de alto.
Lógicamente allí no le pondremos que se repita, ya que no sería necesario.
Ahpora acerca del peso de la imagen, pues hay que arreglarselas para que pese lo menos posible, una imagen como la que dije de 150px por 150px, puede pesar normalmente unos 3 o 5 Kb, como si pesa 20Kb también serviría, solo que a menos peso , más rápida es la carga de la página.
La imagen grande , esa de 1000px por 1200px podría pesar unos 100Kb, y como no se va a repetir, pues allí quedará.
Yo sugeriría que la imagen de fondo, esa que no se visualiza, se abriera con el Photoshop o con el Paint, y cuando se abra, ir a "Archivo", pulsar y en el desplegable que se abre, pulsar en "Guardar Como".
Cuando se abra la ventana del Guardar Como, iría a la casilla donde dice "Nombre" y borraría todo y pondría fondo-1.
Luego iría a la casilla de abajo y buscaría con la flecha de la derecha (pulsándola) la extensión de como quiero guardar esa imagen, personalmente por ahora elegiría jpg
Después de pulsar en donde dice JPG (normalmente aparece en mayúsculas) Guardaría y cerraría, (que se guarde en el escritorio)
Luego iría a esa imagen y la pondría en la carpeta objetos.
Luego iría a mi hoja de estilo y pondría
body{etc. etc.etc.etc.;background-image:url(objetos/fondo-1.jpg);background-position:center center;background-position:repeat:repeat;}
Luego iría a la página, la que está en la carpeta del escritorio, la abriría para ver si realmente aparece la imagen que debiera de cubrir todo el body, (toda la pantalla).
Imagino que en el color de fondo no hay problema, ya que si tampoco se ve el color de fondo, entonces es porque está mal relacionada la pagina con la hoja de estilo.
Saludos
