Bild und Text in einer Zeile auf gleiche Höhe (zentriert)
0 0 
Felix Riesterer
Bild und Text in einer Zeile auf gleiche Höhe (zentriert)
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);"> <font color="#ffffff"> <b>Mein Text</b></font> </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>
-
Om nah hoo pez nyeetz, lg!
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.
möglicherweise hilft an geeigneter Stelle vertical-align.
Matthias
--
1/z ist kein Blatt Papier.
-
Hallo Matthias
vielen Dank für deinen Tipp, habe das mal in die <td> und das <div> eingefügt - hülft leider auch nichts.
Grüsse
Lukas
-
-
Liebe(r) lg,
mit reinen (X)HTML-Mitteln ist das nicht zu machen. Dazu brauchst Du CSS.
Vielleicht kannst Du Dir ja aus meinem Bilderticker ein paar Ideen ableiten?
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)-
Lieber Felix
vielen Dank für deinen Hinweis - dein Ticker ist echt cool.
Hat mir auch geholfen mein Problem zu lösen - das Ganze muss ja knallhart an allen Seiten fixiert werden ;)
Liebe Grüsse
Lukas
-