Imagenes fijas en el lugar

[Daven]

Saludos a todos:

Cuando realizo un diseño para la web me gusta recortar la imagen para que así pese menos y se carge mas rapido, asi que al insertarlas con DreamWeaver inserto la primera y pegada inserto la siguiente porcion.

El problema es que cuando la resolucion de la pantalla es menor, o se redimensiona la pantalla, la porciones se van hacia abajo y se "desmonta" la web.

Supongo que se trata porque las imágenes se tratan como el texto, si no cabe, corre hacia abajo.

¿Hay algun modo de evitar esto?

Gracias y saludos

[pitufoweb]

Hola.


Dale un ancho fijo ala capa o tabla donde se encuentran las imágenes.









Bye

[conmenta1965]

Hola. Si las partes no están posicionadas correctamente en la cascada, siempre ocuparán el lugar siguiente en relación a la primera, es decir, parte fuera del contenedor. También, si las partes tienen una posición relativa pero con medidas en px, cuando la ventana del navegador es más grande que las medidas introducidas en px, el navegador no interpreta otra cosa que los valores existentes y hace que el desmoramiento aparezca al recolocar el contenido en cuestión, automáticamente.

Si por el contrario, esas medidas son porcentajes u otra de tipo fluido; sí que el navegador las interpreta correctamente, el problema es que si, hipoteticamente la ventana de visualización es 1440px y tu bloque es de 15% y tus imágenes (porque son 2) suman ese 15% (original) siendo el tamaño del cuerpo del 100% es: 1024px=100%, 1440px=100%. Pero tus imágenes tienen unas medidas FIJAS, NO RELATIVAS. Entonces es cuando surge el desmoronamiento, principalmente, según mis conocimientos, a que las imágenes no se repiten o, si se repiten horizontalmente, no es lo que se busca.

Es una técnica existente y se utiliza en Diseños fluidos y/o liquidos y/o híbridos.

No desesperes. Si forma parte de tus objetivos antes o después lo conseguiras. Ese no es problema.

Te adelanto, que los problemas vienen cuando necesitas aplicar Pseudo-clases o Pseudo-elementos. ¡¡ Entonces si que existen los problemas de verdad !! .... A no ser, obviamente claro está que tengas un concepto del Diseño Web bien claramente elegido que, en este caso sería que habrás elegido el semántico.

Saludos.

[Rafael]

Pero una cosa. Eso como que se usaba antes, ahora como que no tanto. Mejor usa Jpg progresivo o Png progresivo, ¿no?

[Daven]

no conozco esos formatos, mirare haber que tal.

Gracias por la ayuda =)

[Rafael]

Son más bien opciones al salvar un jpg o png. Busca prender las casillas al usar quizá Photoshop, o tu Photoalgo favorito.

El efecto ya lo debes de haber visto, es cuando una imagen se carga primero con cuadros grandotes (pixeleado inverso) y estos se van detallando. El Png lo que hace es desplegar cada N número de lineas, en vez de cuadros, y luego se regresa con las que faltan.