Autor Zpráva
Karlík
Profil *
Ahoj

Mám tento kód:
<div class="profil_hp_top">
<table >
<tr>
<td >
<img src="img/icon/48pixels/transparent/info.gif" width="48" height="48" alt="" title="" /> Text 1
</td>
<td >
Text 2 </td>
</tr>
</table>
</div>

.profil_hp_top table {width: 100%}
.profil_hp_top table td {text-align:center; width: 50%; padding:0px; height:60px; vertical-align:middle;}

Text 2 v druhé buňce se zatovná hezky do prostřed výšky buňky. Text1 v první buňce se ale zarovná dolů na spodek obrázku. Chtěl bych aby se ale zarovnal také doprostřed.

V čem může být chyba?
Bubák
Profil
Nechápu smysl téhle deklarace:
.profil_hp_top table td {... ; vertical-align:middle;}

Text se zarovná podle obrázku, takže musíš deklarovat zarovnáví textu vzhledem k obrázku:
.profil_hp_top img {vertical-align: middle;}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0