Probleme mit TablePress

  • Moin,
    ich komm' nicht klar mit der Definition / Festlegung einer Tabellenbreite - was zugegebenerweise auch damit zusammenhängt, dass ich wenig bis keine Ahnung habe von CSS. Also habe ich versucht, mir aus verschiedenen Anleitungen einen Code herauszusuchen, der mir möglicherweise weiterhilft, scheitere aber schon an den unterschiedlichen Angaben der Anleitungen.
    Im Detail: Die Tabelle, um die es geht, hat den Shortcode
    [INDENT][table id=1 /].[/INDENT]
    Hier in diesem Forum hat Frank9652 mal einen Code vorgeschlagen, der so aussah:
    [INDENT]/* Maximale Breite einer Tabelle */
    #tablepress-2_wrapper {
    max-width: 690px;
    }[/INDENT]
    Da habe ich abwechselnd die ID-Bezeichnung anzupassen versucht ("1" statt "2", "tablepress-2" durch "table id=1" ersetzt etc.) - völlig erfolglos, die fragliche Tabelle wird auf der Webseite in einer sich nicht verändernden Standardbreite angezeigt, egal, ob der CSS-Code so oder anders oder auch gar nicht angegeben wird.
    In den FAQs von tablepress.org wird die Schreibweise
    [INDENT].tablepress-id-N (...)
    mit dem Hinweis "The N needs to be changed to the ID"[/INDENT]
    angegeben, auch diese Schreibweise des Shortcodes im CSS-Code habe ich versucht, ebenfalls erfolglos.

    Lege ich eine Tabelle mit drei Spalten an, reicht sie überlagernd in den rechten Widgetrand hinein (siehe unten), gebe ich ihr nur zwei Spalten, wird der Raum bis zum Widgetrand ausgefüllt - aber unveränderbar, egal, ob ich als Breite "100%" oder "80%" oder "640px" oder sonst einen Wert eingebe, die Tabelle bleibt, wie sie ist.

    Ich habe eine WordPress-Seite mit dem Theme Twenty-Ten, die hat rechts einen Widgetrand von 220 px und links daneben bleiben 642px. Und ich möchte einfach die Möglichkeit haben, in diesen Raum eine Tabelle zu platzieren, in deren Zellen ich zu Textseiten verlinkende Bilder einfügen kann.

    Kann mir irgendwer sagen, wie ich das anstelle?
    Wär' echt nett, danke im Voraus,
    Peer

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Sorry, hast ja recht...
    Hier der Link: https://waterkant.info/?page_id=11874
    Der aktuelle Shortcode lautet
    [INDENT][table id=1 /],[/INDENT]
    der aktuelle "Zusatz-CSS"-Eintrag, basierend auf o. a. Quellen, lautet wie folgt:
    [INDENT]/* Breite einer Tabelle */
    #tablepress-1_wrapper {
    max-width: 640px;
    }[/INDENT]
    Außerdem habe ich noch einen Screenshot mit 'nem Kommentar beigefügt.
    Hoffe, das genügt – Dank im Voraus,
    Peer

  • Sorry, hast ja recht...
    Hier der Link: https://waterkant.info/?page_id=11874
    Der aktuelle Shortcode lautet
    [INDENT][table id=1 /],[/INDENT]
    der aktuelle "Zusatz-CSS"-Eintrag, basierend auf o. a. Quellen, lautet wie folgt:
    [INDENT][INDENT]/* Breite einer Tabelle */
    #tablepress-1_wrapper {
    max-width: 640px;
    }[/INDENT][/INDENT]
    Außerdem habe ich noch einen Screenshot mit 'nem Kommentar beigefügt.
    Hoffe, das genügt – Dank im Voraus,
    Peer

    P.S.: Falls das jetzt eine Dopplung sein sollte, bitte ich um Nachsicht – ich hatte diese Antwort eben gepostet, aber die Forumsseite bilanziert momentan beharrlich zwei Beiträge, obwohl es ja eigentlich drei sein müssten...

  • Versuche es z.B. mit diesem Code in Design > Customizer > Zusätzliches CSS

    Code
    .tablepress img {
        max-width: 100%;
    }


    Der von Dir genannte ID [FONT=Courier New]tablepress-1_wrapper[/FONT] existiert nicht in Deinem HTML-Code, daher kann dort auch keine CSS Regel greifen, es ist in dem Fall aber auch gar nicht nötig.

  • Moin und gaaanz herzlichen Dank sowohl an Tutrix als auch an b3317133[size=14] für Eure Tipps, beide Codes haben nämlich auf Anhieb prima funktioniert! Jetzt hab' ich die freie Auswahl zwischen zwei Codes :-)) !
    Ich denke, dieses Thema ist dann erst einmal abgeschlossen, es sei denn, jemand hat Zeit und Lust, einem Laien wie mir (soweit möglich) die Unterschiede zwischen beiden Tipps zu erläutern, denn mangels Sachkenntnis kapiere ich die überhaupt nicht...
    [/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!