---
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
lastUpdated: 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: 0755642a8965b Event: b73d83c9d1d2470eaeb8d90d187a4ed8 ---

  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: 0755642a8965b Event: 619cc0d10f6b4a83a27c219e23f0911e ---

  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
------------------------------------------------