Size of the table element does not satisfy the explicit settings.

[showandbeshown]

Hi,

I define a table element (<td></td>) with the explicit values of the
height and width (20x20 px). Than I put an image in this element which
has the same size:

</td>

As a result I see that my table element (<td></td>) is not square (as
it is supposed to be). The hight is larger than width so that under
the square image I see some empty space. Why it is happening? Does
anybody have any idea?

The whole XHTML code you can find on:
http://www.showandbeshown.com/headtail.php

Pleas help me if you can!

 

[Jonathan N. Little]

Hi,

I define a table element (<td></td>) with the explicit values of the
height and width (20x20 px). Than I put an image in this element which
has the same size:


As a result I see that my table element (<td></td>) is not square (as
it is supposed to be). The hight is larger than width so that under
the square image I see some empty space. Why it is happening? Does
anybody have any idea?

The whole XHTML code you can find on:
http://www.showandbeshown.com/headtail.php

Add

td img { display: block; }

to your stylesheet should fix your problem... images are inline by
default...

 

[showandbeshown]

Add

td img { display: block; }

to your stylesheet should fix your problem... images are inline by
default...

Grate! It helps! Thanks a lot!