Publicación de muestra
agosto 28, 2012
¡Bienvenido a la alineación de imágenes! La mejor manera de demostrar el flujo y reflujo de las distintas opciones de posicionamiento de imágenes es ubicarlas cómodamente entre un océano de palabras. Coge un remo y comencemos.
En el tema de alineación, cabe señalar que los usuarios pueden elegir entre las opciones de Ninguno, Izquierda, Bien, y Centro. Además, también obtienen las opciones de Miniatura, Medio, Grande & Tamaño completo.
La imagen de arriba resulta ser centrado.
El resto de este párrafo es de relleno para ver el texto ajustarse alrededor de la imagen de 150×150, que es alineado a la izquierda.
Como puede ver, debería haber un espacio arriba, abajo y a la derecha de la imagen. El texto no debe arrastrarse sobre la imagen. Arrastrarse simplemente no está bien. Las imágenes también necesitan un respiro. Déjalos hablar como tus palabras. Permítales hacer su trabajo sin ningún problema con el texto. En aproximadamente una oración más, veremos que el texto se mueve desde la derecha de la imagen hacia abajo en una transición perfecta. Una vez más, dejar que ellos hagan lo suyo. ¡Misión cumplida!
Y ahora por un imagen enormemente grande. También tiene sin alineación.
La imagen de arriba, aunque tiene 1200 píxeles de ancho, no debe desbordar el área de contenido. Debe permanecer contenido sin interrupción visible del flujo de contenido.
Y ahora vamos a cambiar las cosas al alinear a la derecha. Nuevamente, debería haber suficiente espacio arriba, abajo y a la izquierda de la imagen. Míralo ahí... ¡Hola chico! Manera de rockear ese lado derecho. No me importa lo que diga la imagen alineada a la izquierda, te ves genial. No dejes que nadie más te diga lo contrario.
En un momento, debería ver que el texto comienza a ajustarse debajo de la imagen alineada a la derecha y asentarse bien. Todavía debería haber mucho espacio y todo debería estar en buen estado. Sí… Así de simple. Nunca se sintió tan bien tener razón.
Y justo cuando pensabas que habíamos terminado, ¡los haremos de nuevo con subtítulos!
La imagen de arriba resulta ser centrado. El título también tiene un enlace, solo para ver si hace algo extraño.
El resto de este párrafo es de relleno para ver el texto ajustarse alrededor de la imagen de 150×150, que es alineado a la izquierda.
Como puede ver, debería haber un espacio arriba, abajo y a la derecha de la imagen. El texto no debe arrastrarse sobre la imagen. Arrastrarse simplemente no está bien. Las imágenes también necesitan un respiro. Déjalos hablar como tus palabras. Permítales hacer su trabajo sin ningún problema con el texto. En aproximadamente una oración más, veremos que el texto se mueve desde la derecha de la imagen hacia abajo en una transición perfecta. Una vez más, dejar que ellos hagan lo suyo. ¡Misión cumplida!
Y ahora por un imagen enormemente grande. También tiene sin alineación.
La imagen de arriba, aunque tiene 1200 píxeles de ancho, no debe desbordar el área de contenido. Debe permanecer contenido sin interrupción visible del flujo de contenido.
Y ahora vamos a cambiar las cosas al alinear a la derecha. Nuevamente, debería haber suficiente espacio arriba, abajo y a la izquierda de la imagen. Míralo ahí... ¡Hola chico! Manera de rockear ese lado derecho. No me importa lo que diga la imagen alineada a la izquierda, te ves genial. No dejes que nadie más te diga lo contrario.
En un momento, debería ver que el texto comienza a ajustarse debajo de la imagen alineada a la derecha y asentarse bien. Todavía debería haber mucho espacio y todo debería estar en buen estado. Sí… Así de simple. Nunca se sintió tan bien tener razón.
¡Y eso es todo, tío! Sobreviviste a las tumultuosas aguas del alineamiento. ¡Logro de alineación de imagen desbloqueado!