Frage Tabelle unterschiedlich formatieren

[Etzel]

Hallo,

ich versuche unter WordPress eine Tabelle zu formatieren, rechts ein Bild und links den Text. Jetzt schaffe ich es nicht, den Text in die Mitte der Spalte neben dem Bild anzuordnen, sondern er bleibt immer auf Höhe des oberen Randes des Bildes, siehe Screenshot. Jeder style wirkt sich auf beide Seiten aus:

<table>
<tr>
<td><p style="text-align: center;">Wir wollen, dass Sie ihr Geld in guten und seriösen Händen wissen.</p>
<p style="text-align: center;">Wir wollen, dass Sie mehr Zeit und Entlastung haben.</p>
<p style="text-align: center;">Wir wollen, dass Sie zufrieden sind.</p>

<td><p><img src="http://asaentis.ch/wp-content/uploads/2016/11/Ziele-und-Prinzipien.png" alt="ziele-und-prinzipien" width="329" height="218" /></p>
</td>
</tr>
</table>

Gruß

 

[MrMurphy]

Hallo

An dem Quelltext ist so ziemlich alles falsch was bei Webseiten falsch sein kann. Du mißbrauchst eine Tabelle zum Layouten und verwendest Inline-CSS.

Beides Vorgehensweisen, die über kurz oder lang zu Folgeproblemen führen.

Besser wäre es von HTML5 dafür vorgesehene Elemente zu verwenden.

Nun aber zu deinem Problem:

Bei mir wird der Text vertikal zentriert angezeigt. Demnach gibt es in dem uns unbekannten CSS-Quelltext eine Anweisung, die ihn hochsetzt.

Das kannst du überschreiben in dem du diese CSS-Anweisung in der ersten (linken) Zelle durch eine weitere Inline-CSS-Anweisung überschreibst.

Also

      <table>
         <tr>
            <td>

durch

      <table>
         <tr>
            <td style="vertical-align: middle;">

ersetzt.

Gruss

MrMurphy