Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Duda

Como logro que la imagen me genere un movimiento solo atravez solo del menú y del footer, intente con fixed pero la imagen se queda en toda la página.

1 respuesta

¡Hola Luis Alejandro!

Si entendí bien tu pregunta, lo que quieres es que una imagen se mueva solo a través del menú y el footer, pero no en el resto de la página. Para lograr esto, puedes utilizar la propiedad CSS "position: fixed" en la imagen y luego definir el ancho y la altura de la imagen para que se ajuste al tamaño del menú y el footer.

Aquí te dejo un ejemplo de cómo podrías hacerlo:

<style>
    img {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 50px;
    }
</style>

<body>
    <nav>
        <!-- Aquí va tu menú -->
    </nav>

    <!-- Aquí va el contenido de tu página -->

    <footer>
        <!-- Aquí va tu footer -->
    </footer>

    <img src="ruta-de-tu-imagen.jpg" alt="Descripción de la imagen">
</body>

En este ejemplo, la imagen se posiciona en la parte inferior de la página con "bottom: 0", y se define su ancho y altura para que se ajuste al tamaño del menú y el footer. De esta manera, la imagen solo se moverá a través del menú y el footer.

¡Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!