✔ Bild und Text in Tabelle vertikal zentrieren

[di-five]

Hallo,

ich habe eine Tabelle mit folgendem Code:

<table>
  <tr>
    <td>
      Text in der Zelle <img src="images/email.gif"> <img src="images/home.gif">
    </td>
  </tr>
</table>

Im Anhang ist ein Bild dazu.

Ich möchte, dass sowohl Text und Bild zentriert angezeigt werden, nur das klappt leider nicht.
Ich habe es auch schon mit <td valign="middle"> ausprobiert, aber auch da wird es so angezeigt, wie auf dem Bild im Anhang.

Weiß jemand, wie ich Text und Bild vertikal zentriert kriege?

Wäre für einen Vorschlag sehr dankbar!

Viele Grüße
di-five

 

[Maik]

Wende hierfür die CSS-Eigenschaft vertical-align:middle auf die Tabellenzelle und die Grafiken an:

<td style="vertical-align:middle;">
    Text in der Zelle <img src="./images/email.gif" style="vertical-align:middle;"> <img src="./images/home.gif" style="vertical-align:middle;">
</td>

 

[di-five]

Hi Maik,

wenn ich dem Bild den Style vertical-align:sub zuweise, zeigt der mir die Bilder realitv mittig an. Mit middle sieht das irgendwie nicht mittig aus *g*

Ich danke dir für deine Antwort!

Gruß di-five

 

[Maik]

Kann es sein, daß die Motive in den Grafiken nicht vertikal zentriert sind, oder die beiden Grafiken unterschiedliche Höhen besitzen?

Denn bei mir funktioniert der Vorschlag einwandfrei: