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

Tabellendarstellung

Dieses Thema im Forum "Design" wurde erstellt von UliWerz, 18. September 2022.

Schlagworte:
  1. UliWerz

    UliWerz Active Member

    Registriert seit:
    31. Januar 2020
    Beiträge:
    38
    Zustimmungen:
    0
    Liebe Alle,

    auf meiner Seite habe ich eine Link-Sammlung in Form einer Tabelle https://www.numismatik-in-hannover.de/einblicke/qgis/online/. Zwei Probleme habe ich bei der Umsetzung:

    1) Gerne würde ich die Inhaltsbeschreibung in der Kopfzeile mittig, fett und nur den Anfangsbuchstaben als Maiuskel haben.
    Soll/Ist:
    Taballe_03_soll.png Taballe_02_ist.png


    2) Im Virtual Editor meint WP: "This block contains unexpected or invalid content". Hängt das mit dem code

    <figure class="wp-block-table is-style-stripes" style="font-size:14px">

    zusammen und wie kann ich Abhilfe schaffen?

    Taballe_01.png

    Dank und Gruß

    Uli
     
    #1 UliWerz, 18. September 2022
  2. threadi

    threadi Well-Known Member

    Registriert seit:
    9. Oktober 2020
    Beiträge:
    2.007
    Zustimmungen:
    402
    Du hast den HTML-Code scheinbar per Hand angepasst. Dort steht in der Spalte "Inhalt":

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Daher meldet der Gutenberg-Editor auch er wäre fehlerhaft denn "align-center" gibt es nicht als HTML-Element.

    Die Ausrichtung der Tabellenzelle wird grundsätzlich erstmal durch dein Theme OceanWP per CSS festgelegt. In Gutenberg kannst Du die konkrete Zelle auch einzeln zentrieren. Setz den Cursor in die Tabellenzelle und wähle oberhalb davon beim Icon für die Ausrichtung zentriert aus.
     
    #2 threadi, 18. September 2022
  3. UliWerz

    UliWerz Active Member

    Registriert seit:
    31. Januar 2020
    Beiträge:
    38
    Zustimmungen:
    0
    Lieber threadi
    Danke für die Antwort.
    Die Kopf- und die erste Zeile sehen nun so aus:

    <figure class="wp-block-table is-style-stripes" style="font-size:14px">
    <table>
    <thead><tr><th>Nr.</th><th>Dauer</th><th>Inhalt</th><th>Link</th></tr></thead>
    <tbody>
    <tr><td>1</td><td>21:04</td><td>Georeferenzierung einer Rasterkarte über manuell gesetzte Passpunkte (GCPs)</td><td><a href=""><img src="https://img.icons8.com/fluency-systems-filled/16/89744d/external-link.png"></a></td></tr>
    ..........
    </tbody>
    </table>
    </figure>

    .. und es passiert nichts.

    Gebe ich bei den Zeilenbeschriftungen jeweils <strong>XXX</strong> an, werden diese fett und bei <strong><center>XXX</center></strong> fett und zentriert wiedergegeben. Der Befehl muss also "center" statt "center-align" lauten (hätte ich auch selber drauf kommen können; Sorry!). Die Fehlermeldungen (auch bei den anderen Tabellen der Seite) sind jetzt weg!

    Wie ändere ich aber nun per CSS die Zeilenbeschriftung mit den Großbuchstaben?

    Dank
    Uli
     
    #3 UliWerz, 18. September 2022
  4. threadi

    threadi Well-Known Member

    Registriert seit:
    9. Oktober 2020
    Beiträge:
    2.007
    Zustimmungen:
    402
    Wie oben geschrieben musst Du gar nichts selbst schreiben. Vergiss diese HTML-Codes, die musst Du nicht verwenden. Dein Quellcode sieht allerdings weiterhin angepasst aus - das <figure>-Element gehört nicht um eine Tabelle.

    Daher meine Empfehlung:
    Erstell die Tabelle in Gutenberg nochmal neu und setze die Ausrichtung der Tabellenzelle wie von mir oben geschrieben.
     
    #4 threadi, 18. September 2022
  5. UliWerz

    UliWerz Active Member

    Registriert seit:
    31. Januar 2020
    Beiträge:
    38
    Zustimmungen:
    0
    Lieber threadi,
    ich möchte die html-codes NICHT vergessen. Das sind die Grundlagen mit denen ich wesentlich weiter komme als mit einem Editor.
    Die Ausrichtung ist ja nun in Ordnung, auch motzt WP nicht mehr über Fehler.

    Irgendwo müsste doch so etwas wie "{text-transform: none;}", "{text-transform: lowercase; }" bzw. "{text-transform: capitalize;}" eingesetzt werden.

    Dank und Gruß
    Uli
     
    #5 UliWerz, 18. September 2022
  6. UliWerz

    UliWerz Active Member

    Registriert seit:
    31. Januar 2020
    Beiträge:
    38
    Zustimmungen:
    0
    .. P.S.: Wenn ich <figure> herausnehme, fehlt die durchgezogene Linie im Kopf.....
     
    #6 UliWerz, 18. September 2022
  7. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.661
    Zustimmungen:
    1.783
    Der neue Editor Gutenberg wird dann ständig weiter gegen Dich arbeiten. Verwende einen "Individuelles HTML" Block oder wie viele Millionen Benutzer das Plugin Classic Editor, das den gewohnten alten Editor zurückbringt.
     
    #7 b3317133, 18. September 2022
  8. UliWerz

    UliWerz Active Member

    Registriert seit:
    31. Januar 2020
    Beiträge:
    38
    Zustimmungen:
    0
    Lieber threadi,
    ich benutze den "Individuelles HTML"-Block.

    html-Editor.png

    Noch einmal Dank dafür, dass Du mir den Blick auf meine Tabelle geschärft hast. So habe ich manches korrigieren können.
    Aber ich denke, wir kommen nicht mehr weiter.

    Das Problem bezüglich der Buchstabenform ist immer noch offen und für mich ungelöst.

    Gruß
    Uli
     
    #8 UliWerz, 18. September 2022
  9. threadi

    threadi Well-Known Member

    Registriert seit:
    9. Oktober 2020
    Beiträge:
    2.007
    Zustimmungen:
    402
    Wenn Du Style setzen willst, kannst Du das nicht über den Editor machen sondern über die Style-CSS deines Themes oder den Customizer (falls Du kein Block-Theme nutzt). Dann gibst Du im Editor der Tabelle eine Klasse, z.B. "uebersicht", und im CSS schreibst Du dann

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    oder was auch immer du dort als Eigenschaft haben willst.
     
    #9 threadi, 18. September 2022
  10. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    7.348
    Zustimmungen:
    587
    .uppercase Also alles in Großbuchstaben hat er schon - und so wie ich den TE verstanden habe - möchte er dies augenscheinlich eben nicht...
     
    #10 r23, 18. September 2022
  11. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.661
    Zustimmungen:
    1.783
    Als inline CSS jeweils bei th:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #11 b3317133, 18. September 2022
  12. threadi

    threadi Well-Known Member

    Registriert seit:
    9. Oktober 2020
    Beiträge:
    2.007
    Zustimmungen:
    402
    Aber bitte das <center> weglassen. Das tut meiner Webentwickler-Seele weh.
     
    #12 threadi, 18. September 2022
  13. UliWerz

    UliWerz Active Member

    Registriert seit:
    31. Januar 2020
    Beiträge:
    38
    Zustimmungen:
    0
    Vielen Dank! Es geht!!!

    Gruß
    Uli
     
    #13 UliWerz, 18. September 2022
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden