Klickbare Kacheln

CSS und andere hilfreiche Anweisungen
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 2834
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Klickbare Kacheln

Ungelesener Beitrag 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.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste