Wptouch

  • tetris84

    (@tetris84)


    vor 9 Jahren, 5 Monaten

    Moin,

    ich benutze seit kurzer Zeit wptouch da mein Theme meiner Meinung nach keine schöne Mobile Umsetzung hat.
    Da die Seite für die Feuerwehr ist haben wir dort auch eine Tabelle mit Personen und Dienstrang. Diese wird generell immer Abgeschnitten. Auch auf anderen Teilen der Seite wird zum Teil nicht alles angezeigt und rechts einfach abgeschnitten. Woran liegt das?
    Die Seite lautet ff-hasloh.de
    Bis jetzt sind mir auf folgenden Seiten mit dem Handy Probleme aufgefallen:
    -Einsätze
    -Fahrzeuge (alle unten die Tabelle)
    -Kontakte

    Habt ihr eventuell eine Lösung?

    Lg tetris84

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 9 Jahren, 5 Monaten

    Das leigt daran, dass in Tabellen erst einmal keine Wörter umbrochen werden. Die kleinste mögliche Tabellenbreite ist somit die Tabelle einer Spaltenbreite , die jeweils dem längsten Wort pro Spalte entspricht. Kleiner geht es nicht.

    Hier ein paar mögliche Lösungen:
    http://blog.kulturbanause.de/2012/06/tabellen-im-responsive-webdesign/

    Am sinnvollsten und einfachsten ist wohl das horizontale Scrollen zu ermöglichen.

    Gruß, Torsten

    Thread-Starter tetris84

    (@tetris84)

    vor 9 Jahren, 5 Monaten

    Die Seite hatte ich auch schon gefunden. Leider steht dort nicht wie man das horizontale zoomen ermöglicht.

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 9 Jahren, 5 Monaten

    Natürlich steht das da. Überschrift „Horizontal scrollbare Tabellen“, da finden sich zwei Code-Blöcke und Erklärungstext.

    Da du TablePress benutzt, kannst du nicht mal eben ein DIV darum bauen. Brauchst du auch gar nicht, weil TablePress das schon macht.

    Also einfach nur dieses CSS hinzufügen (per Simple Custom CSS Plugin z.B.) und schon ist deine Tabelle auf Smartphone horizontal scrollbar:

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

    Gruß, Torsten

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Wptouch“ ist für neue Antworten geschlossen.

Schlagwörter