1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Responsive Tabellen: Zeilen untereinander darstellen

Dieses Thema im Forum "Design" wurde erstellt von Naturdetektiv, 31. Oktober 2018.

Schlagworte:
  1. Naturdetektiv

    Naturdetektiv Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    6
    Zustimmungen:
    0
    Hoi zämä!

    Ich habe eine ganz einfache Tabelle "über uns" erstellt, in der jeweils in der ersten Spalte ein Foto und in der zweiten Spalte Text steht. Für Desktop und Tablet sieht's gut aus, für Smartphones werden die Bilder so klein, dass man nichts mehr erkennt. Gibt es eine Möglichkeit, dass die Zeilen untereinander angezeigt werden, also zuerst das erste Bild aus der ersten Spalte, danach darunter der Text aus der zweiten Spalte, dann das Bild aus der ersten Spalte aus der zweiten Zeile, etc. (sorry, ist wohl nicht so einfach, sich das vorzustellen)? Oder wäre es sowieso einfacher, das ganze gar nicht als Tabelle darzustellen?

    Ich verwende WordPress 4.9.8 mit dem Theme Twentyseventeen.
    Link zur Seite: http://naturdetektive.ccw01.snowflakehosting.ch/team/

    Vielen Dank für eure Hilfe!
    Nadia
     
  2. nature225

    nature225 Well-Known Member

    Registriert seit:
    15. Dezember 2017
    Beiträge:
    396
    Zustimmungen:
    26
    Am eifnachsten mit bootstrap ;)
     
  3. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.341
    Zustimmungen:
    417
    Versuch mal
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    in einem passenden media-query.
     
    Naturdetektiv gefällt das.
  4. Naturdetektiv

    Naturdetektiv Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    6
    Zustimmungen:
    0
    Lieber nature225 und SirEctor

    Vielen Dank für eure schnellen Antworten. Bootstrap konnte ich irgendwie nicht installieren, aber der Befehl
    funktioniert super! Nur wird jetzt der Text der zweiten Spalte breiter als der Handybildschirm dargestellt. Gibt es eine einfache Möglichkeit, den Text auf die Displaybreite zu verkleinern?

    Lieber Gruss
    Nadia
     
  5. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.341
    Zustimmungen:
    417
    Du hast den Spalten feste breiten gegeben. Entweder du löschst diese Angaben wieder, oder du versuchst mal das
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  6. Naturdetektiv

    Naturdetektiv Member

    Registriert seit:
    23. Oktober 2018
    Beiträge:
    6
    Zustimmungen:
    0
    Tausend Dank SirEctor! War meine erste Frage in einem Forum und ich bin also begeister, wie schnell und treffsicher da die Antworten reinschneien :). Jetzt klappt alles. Lieber Gruss
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden