Mehrzeilige Buttons

Ein einfachen Link als Button umzusetzen ist meist einfach. Einfach Text einfügen, Link setzen und den Link (a-Tag) mittels Hintergrund, Rahmen und Padding in Form bringen.

Mehrzeilige Links sind da meist komplizierter und lassen sich mit der obigen Methode nicht immer so einfach realisieren, so das auch der ganze Button klickbar ist und nicht nur der Text darin. Die Lösung ist simpel:

<button onclick="window.location.href = 'https://www.testdomain.html';">Erste Zeile</br>Zweite Zeile</br>Dritte Zeile</button>

Der so erzeugte Button ist komplett klickbar und lässt sich sehr gut mittels CSS anpassen.

Zurück

Kein Erfolg mit den hier beschriebenen Contao-Lösungen? Klappt es nicht mit dem gewünschten Contao-Update oder dem Umzug auf einen neuen Hostingserver?

Wenn die Frustration zu groß wird, einfach bei mir melden:
info@liquid-artwork.de - Ansprechpartner: Lars Scheumann

Manchmal ist es besser solche umfangreichen Aufgaben dem Profi zu überlassen, der schneller und sorgfältiger damit umgehen kann. Kostet seinen Preis, aber lohnt sich schnell, bevor man sich tagelang damit herum ärgert. LIQUID-ARTWORK betreut auch Kunden die ihre Webseite selbst erstellt haben, oder durch Dritte. Kurze Anfrage bei mir und nach einer ersten Prüfung kann ich meist einen Preis nennen. Die Anfrage alleine kostet dabei nichts!