Tabellenabstände in HTML-Widget werden ignoriert

Hallo zusammen!

Habe ein Problem mit meinem HTML-Code, der nicht richtig auf meiner WP-Seite dargestellt wird. Diesen habe ich zuvor mit Hilfe des ziemlich alten aber sehr vertrauten Adobe Go Live 7 heraus kopiert, um ihn im HTML-Widget des WP-Themes "Courage" zu verwenden. Da ich so gut wie keinerlei HTML-Kenntnisse habe und die im Netz verfügbaren HTML-Editoren über nur sehr sporadische Funktionen verfügen, gerade was Tabellendesign angeht, war dies die einzig sinnvolle Möglichkeit für mich.

Problem bei der Sache: WP 4.9.6 scheint die Tabellenattribute "cellspacing" und "cellpadding" komplett zu ignorieren. Wenn ich Tabellenabstände definieren möchte werden sie problemlos in Adobe Go Live sowie diversen HTML-Editoren angezeigt, jedoch nicht auf meiner WP-Seite (die noch nicht fertig und daher noch unveröffentlicht ist).

Hier ein Beispiel:

<div align="center">
    <table border="0" cellspacing="5" cellpadding="0">
        <tr>
            <td>
                <div align="center">
                    <img src="bild1.png" alt="" height="19" width="60" border="0"></div>
            </td>
            <td>Zeile 1</td>
        </tr>
        <tr>
            <td>
                <div align="center">
                    <img src="bild2.png" alt="" height="19" width="60" border="0"></div>
            </td>
            <td>Zeile 2</td>
        </tr>
    </table>
</div>

Wo liegt der Fehler und wie kann ich das Problem umgehen ohne gleich das ganze HTML-Widget mit Hilfe von Microthemer umformattieren zu müssen? Ich möchte nämlich dafür nicht extra das ganze Widget bzw. ".widget_custom_html" ändern weil sich die Anpassungen nur auf die eine Tabelle beziehen soll.

Das ist genau das Problem denn ich werde vermutlich noch weitere Tabellen einsetzen, sowohl im Blog, auf den Seiten als ggf. auch in Widgets, die dann aber keine Abstände haben sollen. Ich habe gelesen das es auch mit einer gesonderten Klasse funktionieren soll indem man z.B.

.cellspacing td {padding:3px;}

im zusätzlichen CSS einträgt. Dann ruft man diese Klasse der jeweiligen Tabelle im HTML-Code des Widgets durch

<table class="cellspacing">

auf. Das wäre zumindest eine Notlösung. Allerdings bin ich nicht wirklich mit dem Ergebnis zufrieden, da der Text in der Tabelle immernoch unten und nicht mittig zu den Grafiken ist. Habe das mal im Dateianhang dar gestellt. Zumindest der Abstand zwischen dem oberen Banner ist vorhanden aber schön sieht es trotzdem nicht aus. Zudem habe ich gerade fest gestellt das die Zentrierung der Grafiken innerhalb der Tabelle ebenfalls ignoriert wird.

Ich hatte mir das in etwa so vorgestellt:

Die Rahmenlinien muß man sich wegdenken, da sie nur Hilfslinien des Editors sind und in der Vorschau von Adobe Go Live nicht mehr angezeigt werden.

Danke, hat super geklappt! :)