Contenidos
Posición css fuera del padre
Html p position
La posición permite sacar elementos del flujo normal del documento y hacer que se comporten de forma diferente, por ejemplo, colocándose uno encima de otro o permaneciendo siempre en el mismo lugar dentro de la ventana gráfica del navegador. Este artículo explica los diferentes valores de posición y cómo utilizarlos.
Nos gustaría que hicieras los siguientes ejercicios en tu ordenador local. Si es posible, coge una copia de 0_basic-flow.html de nuestro repositorio de GitHub (código fuente aquí) y úsalo como punto de partida.Introduciendo el posicionamientoEl posicionamiento nos permite producir resultados interesantes anulando el flujo normal del documento. ¿Qué pasa si quieres alterar ligeramente la posición de algunas cajas de su posición de flujo por defecto para dar una sensación ligeramente peculiar, angustiada? El posicionamiento es su herramienta. ¿O qué pasa si quieres crear un elemento de interfaz de usuario que flote sobre otras partes de la página y/o que se sitúe siempre en el mismo lugar dentro de la ventana del navegador sin importar cuánto se desplace la página? El posicionamiento hace posible este tipo de diseño.
Posición Css: relativa a otro elemento
Se ha investigado mucho sobre cómo se leen las páginas web. De hecho, existe una ciencia al respecto; un determinado patrón que siguen nuestros ojos cuando visitamos un sitio web. Entender cómo lee la gente su sitio web es importante para su diseño, y puede utilizarse en su beneficio para guiar a los visitantes por el camino de la reserva. En particular, la posición de su llamada a la acción, o el botón Reservar ahora, en su página de inicio puede estar estratégicamente situada para conseguir más clics.
Cuando alguien visita su sitio web, no siempre se sabe cuál es su intención. Puede tratarse de un nuevo visitante que investiga su propiedad por primera vez. O puede ser un visitante que regresa y está listo para reservar. En cualquier caso, su objetivo final es llevarlos a su motor de reservas.
Para ello, necesita un plan de navegación bien pensado desde su página de inicio; uno que lleve a los nuevos visitantes por el camino de la reserva, y les proporcione toda la información correcta a lo largo del camino, para que se sientan cómodos haciendo una reserva al final.
Sin embargo, para los visitantes que regresan y están listos para reservar, es importante darles una manera de seguir rápidamente este camino de navegación, y llegar al motor de reservas rápidamente. Una llamada a la acción clara y bien posicionada en su página de inicio puede aumentar las tasas de conversión. Sin embargo, la posición de esta llamada a la acción depende del tipo de sitio o página web que tenga.
Posición:alternativa fija
¿No está seguro de cómo posicionar su página Acerca de? ¿No sabe cómo estructurar el contenido? ¿No sabe qué incluir, qué detalles destacar y cuáles retener? No se preocupe. Todo eso se soluciona en cuanto te das cuenta de una cosa: tu página Acerca de nosotros no trata realmente de ti, sino de ellos: tus visitantes, tus clientes potenciales y tus clientes.
El error más común que cometen las empresas en su página Acerca de nosotros -y, francamente, en su marketing en general- es describir con gran detalle lo que ven (o, peor aún, lo que quieren ver) en el espejo de la empresa. Todos hemos estado en páginas sobre nosotros en las que la empresa no hace más que cantar sus propias alabanzas: lo estupendos que son, lo excepcionales que son sus productos o servicios y el largo y duro -pero tan glorioso- camino que han recorrido para llegar a ser lo que son hoy.
Todo esto tiene su lugar hasta cierto punto, y ese “lugar” puede estar en otras páginas. Pero lo cierto es que, aunque sus clientes potenciales hayan hecho clic en una página llamada “Acerca de nosotros”, lo que realmente se preguntan es qué hay para ellos.