Seite 1 von 1

Klickbare Kacheln

Verfasst: Mo 30. Mai 2022, 10:21
von Tommy Herrmann
Hier mein Beispiel für verlinkte Kacheln eines Blocks:

https://www.mobirise-tutorials.com/Test ... l#Klickbar

... da ich für jemanden diesen Hack erstellt habe, möchte ich den Tipp hier nochmals beschreiben.

Es kam der Wunsch auf, bei einem Block mit Kacheln, die gesamte Kachel zu verlinken. Das geht ganz einfach, indem man ein <a> Tag </a> um den gesamten Inhalt der Kachel legt - also verkürzt dargestellt so:

Code: Alles auswählen

<div class="item-wrapper">
  <a href="index.html" title="zur Startseite">
    <div>
        Inhalt der Kachel
    </div>
  </a>
</div>

klickbare Kacheln.jpg


In meinem Beispiel habe ich noch etwas zusätzliche CSS und einen Bootstrap-Tooltip bei Mausüber einer Kachel angebracht.