Tabellendarstellung

    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:


    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?

    Dank und Gruß

    Uli

    • Gerade eben
    • 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

    Du hast den HTML-Code scheinbar per Hand angepasst. Dort steht in der Spalte "Inhalt":

    Code
    <th><align-center>Inhalt</align-center></th>

    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.

    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="

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.
    "><img src="https://img.icons8.com/fluency-system…ternal-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

    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.

    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

    Lieber threadi,
    ich benutze den "Individuelles HTML"-Block.

    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

    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
    table.uebersicht th { text-transform: uppercase; }

    oder was auch immer du dort als Eigenschaft haben willst.

    Zitat von threadi
    Code
    table.uebersicht th { text-transform: uppercase; }


    .

    .uppercase Also alles in Großbuchstaben hat er schon - und so wie ich den TE verstanden habe - möchte er dies augenscheinlich eben nicht...

    Mit offenen Augen träumen

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden