---
title: "Three image cards, 16:9"
url: "https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-169/"
date: 2018-02-07
modified: 2023-05-15
---

# Three image cards, 16:9

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. Three image cards, 16:9

  Three Image Cards, 16:9
=======================

Drei Imagecards (16:9), jeweils mit einem Link

Item-ID: 04-003

[Beispielansicht](#c408) [Anleitung](#c403) [Verhalten](#c401)

 Oops, an error occurred! Request: 6b027c87e4ba5 Event: 99e44288844a4d28bc2a2a0f80a4f635 ---

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

  [  ![](https://www.erschmatt.ch/fileadmin/_processed_/7/3/csm_Schieder-Schwalenberg_-_2015-08-09_-_Kirche_Wo__bbel__15__01_975b9d2247.jpg) ### Lorem Ipsum

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-169/)

 [  ![](https://www.erschmatt.ch/fileadmin/_processed_/8/8/csm_Schieder_Schieder-Schwalenberg_07fc9676b3.jpg) ### Lorem Ipsum

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-169/)

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

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/three-image-cards-169/)

---

 Anleitung
---------

 Oops, an error occurred! Request: 6b027c87e4ba5 Event: 1e74e5abf643485c93a925de974af7f9 ---

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

 ***Drei Karten mit Bild, 16:9* sind drei nebeneinander stehende Schaltflächen. Mit unterschiedlichen Optionen für Hover-Effekte (ggf. Template-abhängig) bestehen Sie aus einem Bild mit einem automatischen Seitenverhältnis von 16:9 und einer Beschriftung. Der dazugehörige Link macht das gesamte Element jeweils zu einer Schaltfläche.**

**Responsive:** Auf kleiner werdenden Endgeräten wird der letzte Teaser der Reihe in einer eigenen Zeile dargestellt. Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.

 ---

 ---

       ---

---

  [### Imagecard (16:9)

Eine Imagecard (16:9), mit einem Link.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-of-coordinates-right-with-text-square/)

 [### Zwei Imagecards (16:9)

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

 Mehr

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

 [### 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/)

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