Autor Zpráva
MarekOdehnal
Profil *
Prázdný proužek pod fotografií v buňce tabulky

<TABLE align="center" border="1">
<TR style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none;">
<TD><IMG SRC="http://manet.wz.cz/manet.jpg" width="200"></TD>
<TD align="center" width="50%">Popis fotky</TD>
</TR>
</TABLE>


Prohlížeče Mozilla i Opera (nejnovější verze, používám HTML 4.1 Strict) zobrazují v takovéto tabulce prázdný proužek pod fotografií tzn. zbytečně zvětšují buňku (vyšší než má být), co s tím udělat, aby tam ten proužek nebyl?

Zkoušel jsem nastavit nulové okraje obrázku a paddingy buňky ale nic z toho nepomohlo :-( Pokud nevěříte, vyzkoušejte
MarekOdehnal
Profil *
problém vyřešen: display:block

a ještě jeden dotaz: jak pomocí css zarovnat tabulku na střed stránky?
Trejpa
Profil
MarekOdehnal
Prázdný proužek pod fotografií
Je způsoben textovým řádkem, fotografie není zarovnána k jeho středu, ale svým spodním okrajem na střed řádku. Spolehlivě se to dá vyřešit i tímto: img {vertical-align:middle;}.

jak pomocí css zarovnat tabulku na střed stránky?
<style>
.obal {text-align: center;} /* kvůli IE */
.obal table { margin: 0 auto; text-align: left; }
</style>
<div class="obal"><!-- obalem může být třeba i <body> -->
<table>...</table>
</div>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0