Vertical centrering af billede og tekst -HTML/CSS
Hejjeg har et problem med en søgeresultatliste.
Hvert resultat bliver vist i en table med to datasæt,
i den ene er billedet og den anden er teksten.
Mit problem er at jeg skal have billedet til at lægge præcist i midten af tabellen, som er 120px høj. Billedet er 60x60px, dvs. at
billedet skal påbegyndes 30px nede for at kunne være i midten.
Tekstens første linie skal påbegyndes lige så langt nede som billedet, således at toppen af billede og skrift "flugter".
Her er koden som jeg har nu, hvor billede og teksten er lidt for højt oppe, der er altså mere luft under end over:
<table class="doubleHeightResult" border="0">
<tr valign="top" class="..." onmouseover="..."
onmouseout="..." onclick="goToURL('...');">
<td width="80px">
<br /><br />
<img src="..." width="60px" height="60px" />
</td>
<td width="420px">
<br /><br />
<b>Overskrift</b>
<span style="float: right;">Højrestillet tekst </span>
<br />
Adresse
<br />
<br />
Postnummer
Bynavn - Landenavn<br />
<br /><br />
</td>
</table>
css:
.doubleHeightResult
{
height:120px;
}
Mvh Max