vertical-align von Bild und Text in einer einzelnen <td>

[Elya]

Liebes Forum (Klingt schon fast nach "Liebes Tagebuch" ... ;-))
schaut Euch doch mal bitte diese überaus simple Tabelle an:

<table class="listtab" align="center">
    <tr><td class="headLine">Pflegebereiche</td></tr>
    <tr><td class="subtab"><a href="PflegeModelleDLL/index.htm"><img src="images/pfeil.gif" width="18" height="18" border="0">Reifenmodelle</a></td></tr>
    <tr><td class="subtab"><img src="images/space.gif" width="390" height="18"></td></tr>
    <tr><td align="center"><a href="http://www.xyz.de" class="copy">Copyright (c) 2002</a></td></tr>
  </table>

Die CSS dazu sieht so aus:
.listtab {  position: relative; top: 30px;}
.subtab {  background-color: #dddddd; text-align: left; vertical-align: middle; height: 18px;}
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #00347C; text-decoration: none}
.headLine {COLOR: #ffdf00;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px;FONT-WEIGHT: bold; background-color: #00347C }

Die vertikale Ausrichtung des Textes zur TD in der 2. Zeile klappt einfach nicht - der Text steht immer am Fuß der td. In der alten Version gabs den parameter align="absmiddle" im img-Tag, aber der ist ja wohl deprecated. Was tun?

Abgesehen davon stellt der NN4.78 die Bilder garnicht dar, aber das ist wohl ein anderes Problem... ;-)

Schönen Dank und Gruß
Elya

[Rene Grassegger]

Hallo Elya,

probier mal folgende Zeile in dein CSS einzufügen:

.subtab img  {vertical-align:middle;}

mfg Rene

[Elya]

Lieber Rene,
danke! Das war's - da gab's wohl eine Denkblockade bei mir.... auf die Idee, dem Bild noch eine class zu geben bin ich gar nicht gekommen.

Schöne Grüße
Elya