es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo creo una imagen clickeable en Clojure con Hiccup?

25 Jul, 2023 Programación

En este momento tengo un logotipo y luego un enlace a la página de inicio. Quiero combinarlos para que alguien pueda hacer clic en el logotipo y ser dirigido a la página de inicio. No puedo averiguar cómo hacer esto con Hiccup.

    [:div.navbar-brand
         [:img {:src "/img/logo.png"
                :width 70
                :height 50}]

    [:a.navbar-item
      {:href "/"
       :style {:font-weight "bold"}}
      "Home"]

Estoy tratando de hacer algo como

    [:a.navbar-item
          {:href "/"}
           {:img {:src "/img/logo.png"
                  :width 70
                  :height 50}}]

Pero no funciona. ¿Qué hago?

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para combinar el logo y el enlace de manera que al hacer clic en el logo se dirija a la página de inicio en Hiccup, puedes envolver tanto el logo como el enlace en una etiqueta de enlace. Aquí tienes un ejemplo:

    [:a.navbar-item
 {:href "/"}
 [:div.navbar-brand
  [:img {:src "/img/logo.png"
         :width 70
         :height 50}]
  [:span {:style {:font-weight "bold"}}
   "Home"]]]

    En este código, estamos usando una etiqueta de ancla para crear un enlace que englobe tanto el logo como el enlace de inicio. El div con la clase navbar-brand contiene el logo y el span con estilo inline contiene el enlace de inicio. La etiqueta a.navbar-item envuelve a ambos elementos, con el atributo href establecido en la URL de la página de inicio.

    Este código debería crear un logo cliclable que dirige al usuario a la página de inicio al hacer clic en él.

Comments are closed.