DAB268: Schrift vertikal mittig zu Bild ausrichten

Hallo.
Wie schaffe ich es einen Text vertikal mittig zu einem Bild auszurichten? vertical-align:middle funktioniert irgendwie nicht richtig. :-(
Könnt ihr mir helfen?

MfG
DAB268

  1. Hallo DAB268,

    Könnt ihr mir helfen?

    aufgrund deiner unpräzisen Schilderung wird das schwierig.

    Meinst du so etwas:

    <table style="height: image_height px; width: width px;">
    <tr>
    <td><img src="image_datei"></td>
    <td style="vertical-align: middle;">Text</td>
    </tr>
    </table>

    Alternativ kannst du auch mit dem div-Tag und CSS arbeiten...

    MfG Hopsel

    1. Hi.

      Hallo DAB268,

      Könnt ihr mir helfen?

      aufgrund deiner unpräzisen Schilderung wird das schwierig.

      Hab es mal hochgeladen.
      Auf http://www.dab268.de/temp/heinzel/index.html kannst du es dir mal anschauen.

      Und zwar sollen die Telefonnummern unten in dem Frame mittig zu den Symbolen dazwischen gesetzt werden.

      Meinst du so etwas:

      <table style="height: image_height px; width: width px;">
      <tr>
      <td><img src="image_datei"></td>
      <td style="vertical-align: middle;">Text</td>
      </tr>
      </table>

      Alternativ kannst du auch mit dem div-Tag und CSS arbeiten...

      Ich hab es mal mit dem DIV-TZag um den Text und das Bild probiert, hat aber leider nciht geholfen...

      Thx!
      DAB268

      1. Ich hab es mal mit dem DIV-TZag um den Text und das Bild probiert, hat aber leider nciht geholfen...

        Also mit der Tabelle würde es klappen. Willst du das nicht, dann kannst du ja das body-Tag auf margin-bottom: 5px; setzen.

        Es gibt noch eine Alternative, die dir wahrscheinlich am besten gefallen wird ^^:

        <body style="margin:0 px;">
        <div style="width: breitgenug px; height: 30px; vertical-align: top; text-align: center;">

        <font class="botbar">
        Telefon 02747&nbsp;&frasl;&nbsp;1366&nbsp;&nbsp;&nbsp;
        </font>
        <img src="bilder/symbole.gif" alt="Symbole">
        <font class="botbar">
        &nbsp;&nbsp;&nbsp;Telefax 02747&nbsp;&frasl;&nbsp;911440
        </font>

        </div>

        MfG Hopsel

        1. Danke Hab es jetzt!