Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 20

Thema: Tablepress Tabelle mobil nobile gestalten

  1. #1
    Erfahrener Benutzer Wanderer
    Registriert seit
    18.05.2012
    Beiträge
    210
    Danke
    3
    2 Danke erhalten in 2 Beiträgen

    Tablepress Tabelle mobil nobile gestalten

    Hi Leute,

    das hier ist meine Seite:

    Was tun gegen Schwitzen | Kostenlose wirksame Tipps !

    Auf der Startseite ist eine Tabelle zu sehen. Schön und gut. Ruft man diese Seite jedoch mit dem Smartphone oder einem Tablet auf, so wird die Tabelle nicht korrekt angezeigt.

    Anders als auf dieser Seite:

    Kinderbett Vergleich - Aktueller Vergleich von Kinderbetten

    Wenn ihr diese Seite aufruft, dann wird die Tabelle korrekt angezeigt, wenn auch sehr klein.

    Wie schaffe ich es nun, meine Tabelle genau auf den Bildschirm des Handys/Tablets anzupassen wie die Kinderbett-Seite?

    Ich bitte um Hilfe!!! :-(

    P.S. : Ich habe es schon mit der Tablepress responsive Erweiterung probiert. Klappt bei mir aber nicht so, wie ich es haben wollte.

  2. #2
    Erfahrener Benutzer Bergwanderer Avatar von Constantine
    Registriert seit
    04.04.2012
    Beiträge
    890
    Danke
    247
    108 Danke erhalten in 82 Beiträgen
    Schließe mich der Frage an Habe mich allerdings selber auch noch nicht damit beschäftigt. Wer hat Erfahrung?

  3. #3
    Moderator Klettersteiger
    Registriert seit
    04.04.2012
    Ort
    Thüringen
    Beiträge
    1.652
    Danke
    379
    351 Danke erhalten in 267 Beiträgen
    Ist doch nur eine Tabelle. Gleiches Plugin installieren - Quelltext anschmeißen, rüber kopieren und an das Projekt anpassen.

  4. #4
    Erfahrener Benutzer Wanderer
    Registriert seit
    18.05.2012
    Beiträge
    210
    Danke
    3
    2 Danke erhalten in 2 Beiträgen
    Zitat Zitat von Alex Beitrag anzeigen
    Ist doch nur eine Tabelle. Gleiches Plugin installieren - Quelltext anschmeißen, rüber kopieren und an das Projekt anpassen.
    Wie genau füge ich den Quelltext ein? Also in die css von Tablepress. Aber wie geht das genau? Woran erkenne ich, was nun wohin muss?

  5. #5
    Erfahrener Benutzer Wanderer
    Registriert seit
    18.05.2012
    Beiträge
    210
    Danke
    3
    2 Danke erhalten in 2 Beiträgen
    Servus Constantine,

    kannst du mir grad erklären, wie Du den Code hier "Nummer Eins" und "Preis-Leistungssieger" bei Deiner Seite Feuerschale | Testsieger und Bestseller vorgestellt eingefügt hast ? Ich hab das probiert zu kopieren.. Hat i.wie nicht geklappt...

  6. #6
    Benutzer Spaziergänger
    Registriert seit
    28.08.2014
    Beiträge
    53
    Danke
    0
    9 Danke erhalten in 9 Beiträgen
    Die Lösung bei Tablepress ist hier: Responsive Tables | TablePress

    Da die Tabelle auch für Tablets zu groß ist, nutzt du folgenden Code: [table id=123 responsive="tablet" /], bzw. musst du dem bestehnden Shortcode nur responsive="tablet" hinzufügen.

    Testen kannst du es dann hier: Screenfly / Test Your Website at Different Screen Resolutions

  7. #7
    Neuer Benutzer
    Registriert seit
    19.01.2015
    Beiträge
    1
    Danke
    0
    0 Danke erhalten in 0 Beiträgen
    Screenfly ist super, damit teste ich auch immer meine Seiten

  8. #8
    Erfahrener Benutzer Wanderer
    Registriert seit
    18.05.2012
    Beiträge
    210
    Danke
    3
    2 Danke erhalten in 2 Beiträgen
    Hi,

    responsive tables kenne ich bereits. Dazu möchte ich aber die Tabelle umstellen. Und das sieht blöd aus. Ich möchte die Tabelle beibehalten. Kann ich es nicht kleiner darstellen lassen?

    Kinderbett Vergleich - Aktueller Vergleich von Kinderbetten

    Bei dieser Seite sieht man auch die Tabelle auf dem Handy recht ordentlich. Ich weiß nicht, wie der Betreiber dieser Seite die Tabelle auf dem Handy klein anzeigen lassen hat. Weißt du da vielleicht mehr?

  9. #9
    Erfahrener Benutzer Wanderer
    Registriert seit
    18.05.2012
    Beiträge
    210
    Danke
    3
    2 Danke erhalten in 2 Beiträgen
    leider bringt mir das aber gerade nichts

  10. #10
    Administrator Bergwanderer Avatar von Ultima
    Registriert seit
    14.06.2012
    Ort
    München
    Beiträge
    753
    Danke
    77
    171 Danke erhalten in 138 Beiträgen
    Eigentlich sind beide Tabellen bei beiden Seiten nicht für kleine Bildschirme geeignet. Ab einer Breite von 1000px können sie nicht mehr kleiner gemacht werden, weil die Inhalte einfach zu viel sind.

    Da gibt es nicht viele Möglichkeiten, entweder du legst nur für die Tabelle einen horizontalen Scrollbalken an, so wird nicht mehr das Layout gesprengt, dein Besucher muss aber immer noch nach rechts und links scrollen um die Produkte zu vergleichen.

    Oder du teilst die Tabelle in 2 Tabellen auf. Bei einer Breite von >1000px werden die nebeneinander dargestellt, so das es aussieht als wäre es eine. Und bei einer breite <1000px untereinander. Das erfordert aber etwas mehr an CSS Verständnis.

    Oder du verzichtest einfach auf die Tabelle bei mobilen Geräten und führst die Produkte und ihre Eigenschaften der Reihe nach auf.

    Schöne Grüße
    Thomas

Seite 1 von 2 12 LetzteLetzte

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •