lg: Bild und Text in einer Zeile auf gleiche Höhe (zentriert)

Beitrag lesen

Hallo

hier komm ich einfach nicht weiter... - hoffe jemand kennt eine Lösung?

Ich habe den newsticker von www.mioplanet.com eingerichtet. Der Ticker ist einzeilig und soll Texte und Bilder darstellen können.

Mein Problem ist nun, dass die Bilder oberhalb der Mitte, und der Text unterhalb der Mitte dargestellt werden. Ich hätte beide gerne in der Höhe zentriert dargestellt.

Hier mal mein html code:

<tr nowrap>
<td colspan="3" align="center" valign="middle" width="696px" height="44" class="td_newsticker" >

<DIV ID="TICKER" STYLE="overflow:hidden; width:676px" onmouseover="TICKER_PAUSED=true" onMouseOut="TICKER_PAUSED=false">

<img src="/01/01_shop/shop/Bilder/newsticker_spacer_15x1px.gif" height="0" width="676px">

<img src="/01/01_shop/shop/Bilder/Logo_Newsticker_24x136px.gif">

<img src="/01/01_shop/shop/Bilder/newsticker_spacer_15x1px.gif" height="0" width="270px">

<span style="valign:middle; text-align:center; background-color: rgb(0, 153, 51);"> &nbsp; &nbsp; <font color="#ffffff"> <b>Mein Text</b></font>&nbsp; &nbsp; </span>

<img src="/01/01_shop/shop/Bilder/newsticker_spacer_15x1px.gif" height="0" width="676px">

</DIV>
<script type="text/javascript" src="/01/01_shop/shop/language/de/html_templates/webticker_lib.js" language="javascript"></script>
</td>
</tr>