---
title: "Elemente: Combinations"
url: "https://karriere.th-nuernberg.de/elemente-combinations/"
date: 2025-02-19
modified: 2025-02-19
lastUpdated: 2025-02-19
---

# Elemente: Combinations

1. [Karriere](https://karriere.th-nuernberg.de/)
2. [Elemente: Combinations](https://karriere.th-nuernberg.de/elemente-combinations/)

       Auf dieser Seite  Kombinationen / Combinations
----------------------------

Auf dieser Seite werden die verschiedenen Elemente vom Typ “**Combinations**” erklärt.

Es handelt sich dabei um Elemente die Text mit anderen Formaten vereinen:

- Bilder
- Content-Cards
- Image-Cards
- Zitaten

Allgemein nennen sich die kombinierten Elemente immer “Headline with…” wobei dies leider irreführend ist. Es gibt kein direktes Überschriftenfeld in den Elementen. Beim Anlegen des Elements wird innerhalb des regulären Textfeldes ausschließlich vorab eine Überschrift (falsches Format da h1 statt h2) angelegt.
Diese Überschrift bitte in h2 abändern oder wenn nicht benötigt entfernen.

    ![Lageplan zum Standort B in der Bahnhofstraße (90402 Nürnberg)](https://takemoto-kazuhiro.toujou.website/_assets/processed/paUsSEJaSbWj3kWgVPcOuvr17bZeWh2O-uFYKGFyfdE/q:85/c:3780:2123.595505618:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX0JfU3RhbmRvcnRfQmFobmhvZnN0cmFzc2VfNDk2NTczMDg4Yw:t/cb:65d7d2808af0f8e05e2ccb348a7149e782eca1b0/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9TdGFuZG9ydHBsYW4vQl9TdGFuZG9ydF9CYWhuaG9mc3RyYXNzZS5qcGc "Lageplan Standort B (Bahnhofstraße)")        Der Standort B der Ohm befindet sich in Nürnberg in der Bahnhofstraße 80, 87,90 sowie der Dürrenhofstraße 6 und umfasst die Gebäude: BB, BL, BG und BM. An diesem Standort findet sich auch ein Parkhaus.  **Headline with text and image left/right, inside/beside text**
----------------------------------------------------------------

**Kombiniertes Text und Bildelement**. Je nach Element befindet sich das Bild links/rechts vom Text. Die Bezeichnung “***inside text***” beschreibt hierbei, dass sich der Text um das Bild herumschmiegt (sofern er länger ist als das Bild), statt an einer harten Kante daneben weiter zu laufen (="***beside text"***)
Wichtig: Das herumschmiegen um einen Text funktioniert nur bei Bildern, nicht bei Karten oder Zitaten (siehe nachfolgende Elemente)

Hinweis: Aktuell automatische Beschneidung auf 16:9 Format - ist in Klärung mit Agentur

   **Content card with text left/right**
-------------------------------------

Dieses Element **kombiniert Text und eine Content-Card**, sprich eine Art Kachel, die mit Text, Bild und Verlinkung versehen werden kann. Der einzige Unterschied zwischen Content- und Image-Card, ist das in die Content-Card zusätzlicher Text platziert werden kann.

Allgemein sind die Text+Karten Elemente gut um prominent zu verlinken und gleichzeitig durch den seitlichen Text etwas mehr Kontext zu geben.
Vom Prinziep her zu verstehen wie eine Art Anleser mit prominenter “Mehr Informationen hier” Funktion.

    [  ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/dyzCOPLTMV2T-zoM8TbZnwtf0Ty1ZYqKqeAnxkNxL98/q:85/c:4724:2657.25:fp:0.5:0.5/rt:force/w:400/h:225/fn:Y3NtX0JpYmxpb3RoZWtfMDFfNDQ2Y2Q1ZGQzMg:t/cb:fb209312bd1d0744c29ba97836ffb0784ef87ed3/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzAxLmpwZw "Bibliothek") ### Titel der Content-Card

Text innerhalb der Content-Card, kann auch *Formatierung* enthalten (sparsam nutzen).

   Linktext

 ](https://karriere.th-nuernberg.de/)    **Image card with text left/right**
-----------------------------------

Dieses Element **kombiniert Text und eine Bildkarte**. An sich funktioniert die Image-Card genauso wie die Content-Card mit der Unterscheidung, dass kein zusätzlicher Text IN die Karte geschrieben werden kann.

    [  ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/koXPvGIUh4VSD55E8lqWbZRDE3AeXLysybcL47muYOs/q:85/c:4304.7449999999:2657.25:fp:0.5:0.5/rt:force/w:450/h:278/fn:Y3NtX0JpYmxpb3RoZWtfMDVfNzk2OWE1NzQwYg:t/cb:e37495f32d9510c01dfc8bf3d596127737380c66/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzA1LmpwZw "Bibliothek") ###   Titel Image Card

 ](https://karriere.th-nuernberg.de/stellenangebote/)    **Blockquote with text left/right**
-----------------------------------

Dieses Element kombiniert Text und ein Zitat

     ![](https://takemoto-kazuhiro.toujou.website/_assets/processed/XaOJMVhu6k5kgp7LFhtJmS3Qz2YWpz_8iCGksdR5hVA/q:85/c:2654.888:2654.888:fp:0.281:0.49866666666667/rt:force/w:80/h:80/fn:Y3NtX0JpYmxpb3RoZWtfMDRfNWJiYzBjYzFlNg:t/cb:89cc5e807bd21396e548f52680119dddb957ae20/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9PaG1fTWVkaWVucG9vbC9CaWxkZXIvQmlibGlvdGhlay9CaWJsaW90aGVrXzA0LmpwZw "Bibliothek")> Dies ist das Zitat, kann auch *Formatierung* enthalten (bitte gar nicht oder sparsam nutzen).
> Sehr viel mehr gibt es dazu eigentlich nicht zu sagen ;)
>
> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

 Maria Musterfrau