---
title: "One image card, 1:1"
url: "https://www.erschmatt.ch/bibliothek-1/card-elements/one-image-card-11/"
date: 2018-02-07
modified: 2023-05-15
---

# One image card, 1:1

1. [Home](https://www.erschmatt.ch/)
2. [Bibliothek](https://www.erschmatt.ch/bibliothek-1/)
3. [Card Elements](https://www.erschmatt.ch/bibliothek-1/card-elements/)
4. One image card, 1:1

  One Image Card, 1:1
===================

Eine Imagecard (1:1), mit einem Link

Item-ID: 04-005

[Beispielansicht](#c432) [Anleitung](#c427) [Verhalten](#c425)

 Oops, an error occurred! Request: 80ce58dc5c94c Event: dad59c2e8afe42fc9e720f524ee2f35c ---

  Beispielansicht
-----------------

  [  ![](https://www.erschmatt.ch/fileadmin/_processed_/7/6/csm_Schieder-Schwalenberg_-_107_-_Kahlenbergturm__10__fae5fdc73f.jpg) ### Lorem Ipsum

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/one-image-card-11/)

---

 Anleitung
---------

 Oops, an error occurred! Request: 80ce58dc5c94c Event: ecfce35982e44d6d84562eb3597bf318 ---

  Verhalten
-----------

 **Eine *Karte mit Bild, 1:1* ist eine einzelne Schaltfläche mit unterschiedlichen Optionen für Hover-Effekte (ggf. Template-abhängig). Sie besteht aus einem quadratischen Bild und einer Beschriftung. Der dazugehörige Link macht das gesamte Element zu einer Schaltfläche.**

**Besonderheiten:** Eher selten als einzelnes Element genutzt, bietet sich die *Karte mit Bild, 1:1* an, um in kombinierten Elementen Schaltflächen und Optionen neben anderen Inhalten darzustellen.

 ---

 ---

       ---

---

  [### Vier Imagecards (16:9)

Vier Imagecards (16:9), jeweils mit einem Link.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-image-left-with-text-169/)

 [### Zwei Imagecards (1:1)

Zwei Imagecards (1:1), jeweils mit einem Link.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-image-left-with-text-square/)

 [### Drei Imagecards (1:1)

Drei Imagecards (1:1), jeweils mit einem Link.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-with-contact-information-right-169/)

  Folgende Themen könnten Sie auch interessieren
------------------------------------------------