Darstellung auf Smartphone

schohmik · 20. Oktober 2022

Ich entwickel derzeit eine Website in Joomla 4 mit dem Template Helix Ultimate 3. Die URL ist: https://j4.appen-musiziert.de/.

Eine Tabelle mit 3 Spalten und 2 Zeien zeigt in jeder Spalte ein Bild mit einem Link. Auf dem Desktop wird alles angezeigt.

Auf dem Smartphone sieht man aber nicht alle Spalten und kann sie auch nicht nach links schieben. Im Anhang steht ein screenshot.

Danke für Unterstützung.

christine2 · 20. Oktober 2022

Hallo,

Zitat von schohmik

Auf dem Smartphone sieht man aber nicht alle Spalten und kann sie auch nicht nach links schieben. Im Anhang steht ein screenshot.

Könnte man so lösen, dass man schieben kann:

Am Beginn der Tabelle:

Code

<div class="table-scrollable">

am Ende mit </div> schließen.

CSS:

Code

.table-scrollable {  
overflow-y: auto;  
width:100%;
}

Aaaaaber: ich frage mich, wieso Du das überhaupt mit einer Tabelle gemacht hast. Habe zwar mit Helix nix zu tun, ist aber schon ein responsibles Template. Ev. kannst Du das mit einem Blog oder ähnlichem lösen.

Eine Tabelle kann/soll man für "richtige" Tabellen verwenden.

Liebe Grüße

Christine

schohmik · 20. Oktober 2022

Danke an Christine2 - so klappt es.