Por año se tiran a la basura 100 millones de teléfonos celulares, solo en Europa

 

Ayuda con el código html de mi pág.

Seguir
Hay algunos detallitos que tiene mi pág.
por ejemplo:
-no es totalmente responsive,
-algunas fotos no se ven a pesar de tener las fotos en las carpetas que estoy llamando y me lanza un error de "error failed to load resource the server responded with a status of 404 (not found)"
-en algunas pág. me reduce el membrete de la pág y no me gusta.
Sé que filezilla y 000webhost tiene sus pequeños detalles al ser gratis, pero entiendo que son llevables cuando los conoces, de todas formas estoy abierta a cualquier otra forma de subir mi pág. a internet.

2 Soluciones propuestas

SOLUCIÓN ACEPTADA
Podrías poner el código donde tienes problemas?

La forma de invocar imagenes es con el tag img:
< img src="ruta-relativa-al-documento">


La ruta relativa no incluye la barra diagonal"/" es decir, mi sitio web www.sitio.com almacena las imágenes en la carpeta "imagenes" DENTRO de la carpeta "sitio", la ruta de acceso relativa desde www.sitio.com/index.html es "sitio/imagenes". O sea, si quiero mostrar una imagen llamada logo.jpg, la invoco así < img src="sitio/imagenes/logo.jpg">

La ruta absoluta incluye la barra diagonal "/" desde el principio, para invocar la misma imagen pondríamos <img src="/sitio/imagenes/logo.jpg">

Lucen igual, cierto? internamente el puntero direcciona a la raíz del sitio cuando incluyes la barra diagonal, en una estructura más compleja, en la dirección www.sitio.com/sitio/poetas/index.html para invocar la imagen logo.jpg lo escribes así: <src img="/sitio/imagenes/logo.jpg"> lo que vendría a significar <src img="www.sitio.com/sitio/imagenes/logo.jpg"> y si lo escribes sin la barra diagonal o mejor conocida como ruta relativa al documento, sería <src img="sitio/imagenes/logo.jpg"> estás pidiendo la dirección "www.sitio.com/sitio/poetas/sitio/imagenes/logo.jpg">

Es importante que compartas el código fuente de la parte donde incluyes la imagen y que te da problemas para poder ayudarte mejor.
  • hace 7 meses

    Avatar de Adharaa

    <img src="imagenes/Obras de Arte Daniel pag/Animales/5 (Título Aguilas Americanas).JPG" width="200">
    esta es una de las que me da problemas.

    https://akhenaton.000webhostapp.com/Animales.html
    esta es la pág.

  • hace 7 meses

    Avatar de Adharaa

    < img src="imagenes/Obras de Arte Daniel pag/Animales/5 (Título Aguilas Americanas).JPG" width="200" >

  • hace 7 meses

    Avatar de derkeshtai

    La causa principal de que algunas imágenes no se muestren es porque tienen acento, por ejemplo, la primera imagen de Águilas Americanas, el jpg se llama 5 (Título Aguilas Americanas).jpg , ahí en Título es donde tienes el acento.

    Como norma principal, los nombres de archivo no llevan ni espacios, ni caracteres especiales, ni deben sobrepasar los 10 caracteres de largo.

    Para resolver rápidamente tu problema, solamente quita los acentos, tanto en el src como en el nombre del archivo de imagen.

  • hace 7 meses

    Avatar de Adharaa

    Muchísimas gracias!! resolvió mi problema con las fotos... suelo olvidar pequeños detalles como esos y después no los veo u.u
    aún están otros detalles, pero el problema que más me molestaba era ese. los otros los pondré en otra pregunta.

  • hace 6 meses

    Avatar de tony1.9diesel

    Nombres cortos si necesitas espacios sustitúyelos por guiones bajos, no uses caracteres raros en los nombres ni eñes.
    Por ejemplo si vas a usar para web una imagen que esté nombrada como "cigüeña volando" deberás renombrarla por ejemplo como "ciguena_volando", si vas a usar nombres largos tiende a abreviar ejemplo: si tu foto se llama "cigüeña volando hacia el nido" deberás renombrarla por ejemplo como "cigvolnid". Y si quieres trabajar en responsive te aconsejo que no uses medidas fijas por ejemplo ese width de 200, usa porcentajes o medidas em

Échale un vistazo a ésto para que tu web sea responsive aquí explican por qué no se deben usar medidas fijas(como esos 200 que pusiste tú a esa foto) si buscas una web que se adapte a todos los dispositivos:
https://franciscoamk.com/unidades-de-medida-en-css/
Ahora haz una prueba crea una web con por ejemplo un div principal llamado  por ejemplo "contenedor"; a ese div le las un width con valor 100%; ahora dentro de ese div creas dos div uno alineado a la derecha y otro alineado a la izquierda y a ambos le pones por ejemplo un width con valor 40%; ahora en esos divs inserta una imagen en cada uno que tenga también un width con valor 40%.( lo mismo de usar height usa valores en porcentaje)
El resultado será que cuando abras la página en ordenador o en móvil al tener el div "contenedor" un width de 100% el  ocupará todo el ancho de la pantalla sin salirse ni desconfigurarse y las imágenes al estar alineadas una a la derecha y otra a la izquierda y usar un width del 40% se mostrarán tanto en ordenador como en un móvil una a la derecha y otra a la izquierda ocupando cada una un 40% de la pantalla. De ahí la importancia de no usar por ejemplo  width="1000" ya que ésta es una medida rígida que hará que ese div ocupe 1000 píxeles en cualquier pantalla(aunque ésta incluso no tenga capacidad de mostrar 1000 píxeles de ancho), y mejor usar width="100%"(que hará que el contenido de este div se muestre ocupando todo el ancho de cualquier pantalla adaptándose al ancho de la misma).